css3动画 - css3 traget切换问题

问题描述

css3怎么让chrome的相关说明 默认是显示的然后切换哪个就显示哪个，我把chrome的相关说明设为了display:bloack，可是切换的时候不知道怎么把他去掉。<article class='indexCouresPage'> <section><header> <a href='https://www.haobala.com/wenda/6106.html#chrome'>Chrome</a> <a href='https://www.haobala.com/wenda/6106.html#firefox'>Firefox</a> <a href='https://www.haobala.com/wenda/6106.html#opera'>Opera</a> <a href='https://www.haobala.com/wenda/6106.html#safari'>Safari</a> <a href='https://www.haobala.com/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实现选项卡切换