問題描述

css3怎么讓chrome的相關(guān)說明 默認(rèn)是顯示的然后切換哪個(gè)就顯示哪個(gè)，我把chrome的相關(guān)說明設(shè)為了display:bloack，可是切換的時(shí)候不知道怎么把他去掉。<article class='indexCouresPage'> <section><header> <a href='http://www.lshqa.cn/wenda/6106.html#chrome'>Chrome</a> <a href='http://www.lshqa.cn/wenda/6106.html#firefox'>Firefox</a> <a href='http://www.lshqa.cn/wenda/6106.html#opera'>Opera</a> <a href='http://www.lshqa.cn/wenda/6106.html#safari'>Safari</a> <a href='http://www.lshqa.cn/wenda/6106.html#ie'>IE</a></header><article> <aside id='chrome'>Chrome的相關(guān)說明</aside> <aside id='firefox'>Firefox的相關(guān)說明</aside> <aside id='opera'>Opera的相關(guān)說明</aside> <aside id='safari'>Safari的相關(guān)說明</aside> <aside id='ie'>IE的相關(guān)說明</aside></article> </section></article>#chrome:target,#firefox:target,#opera:target,#safari:target,#ie:target{ display:block;}.indexCouresPage article>aside{ display:none;}

問題解答

Trick:CSS3的:target實(shí)現(xiàn)選項(xiàng)卡切換