css3動(dòng)畫(huà) - css3 traget切換問(wèn)題
問(wèn)題描述
css3怎么讓chrome的相關(guān)說(shuō)明 默認(rèn)是顯示的然后切換哪個(gè)就顯示哪個(gè),我把chrome的相關(guān)說(shuō)明設(shè)為了display:bloack,可是切換的時(shí)候不知道怎么把他去掉。<article class='indexCouresPage'> <section><header> <a href='http://www.4tl426be.cn/wenda/6106.html#chrome'>Chrome</a> <a href='http://www.4tl426be.cn/wenda/6106.html#firefox'>Firefox</a> <a href='http://www.4tl426be.cn/wenda/6106.html#opera'>Opera</a> <a href='http://www.4tl426be.cn/wenda/6106.html#safari'>Safari</a> <a href='http://www.4tl426be.cn/wenda/6106.html#ie'>IE</a></header><article> <aside id='chrome'>Chrome的相關(guān)說(shuō)明</aside> <aside id='firefox'>Firefox的相關(guān)說(shuō)明</aside> <aside id='opera'>Opera的相關(guān)說(shuō)明</aside> <aside id='safari'>Safari的相關(guān)說(shuō)明</aside> <aside id='ie'>IE的相關(guān)說(shuō)明</aside></article> </section></article>#chrome:target,#firefox:target,#opera:target,#safari:target,#ie:target{ display:block;}.indexCouresPage article>aside{ display:none;}
問(wèn)題解答
回答1:Trick:CSS3的:target實(shí)現(xiàn)選項(xiàng)卡切換
相關(guān)文章:
1. javascript - JS中如何實(shí)現(xiàn) DIV內(nèi)部和鼠標(biāo)的距離2. c++ - 如何在python的阻塞的函數(shù)中獲取變量值3. python - pandas按照列A和列B分組,將列C求平均數(shù),怎樣才能生成一個(gè)列A,B,C的dataframe4. pdo - mysql 簡(jiǎn)單注入疑問(wèn)5. python - 使用from XXX import (XXX, XXX, XXX,) 導(dǎo)入模塊時(shí), 括號(hào)()的意義何在?6. Python中使用超長(zhǎng)的List導(dǎo)致內(nèi)存占用過(guò)大7. 谷歌訪問(wèn)助手安裝不了8. javascript - 有適合開(kāi)發(fā)手機(jī)端Html5網(wǎng)頁(yè)小游戲的前端框架嗎?9. html5 - 在一個(gè)頁(yè)面中 初始了兩個(gè)swiper 不知道哪里錯(cuò)了 一直不對(duì)10. python判斷字符串相等?
