問題描述

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

問題解答

Trick:CSS3的:target實現選項卡切換