css3 - 用偽類選擇移除自己的其他兄弟級(jí)
問題描述
類似p:hover::before,因?yàn)槭撬膫€(gè)子級(jí),所以想選取排除自己的其他兄弟級(jí)
問題解答
回答1:沒看到代碼,不過感覺應(yīng)該是從p下手處理而不是偽類。
回答2:$('p').siblings();
回答3:用普通兄弟選擇器:“~”
比如HTML:
<p class='brother-selector'> <h2>標(biāo)題0</h2> <p>咳咳,內(nèi)容。</p> <h2>標(biāo)題1</h2> <h2>標(biāo)題2</h2> </p>
CSS這樣寫:
p + h2{color:red; } p ~ h2{font-weight:700; }
結(jié)果如下:
<ul> <li>item1</li> <li>item2</li> <li>item3</li> <li>item4</li> <li>item5</li> <li>item6</li></ul>*{ padding:0; margin:0}ul,li{ list-style: none;}li{ padding:10px; margin:10px; border:3px solid #000; font-weight:bold}li:first-child{ color:#f30}li:last-child{ border-color:red}li:nth-child(2){ background: orange;}li:nth-child(3n){ background:#1FD39E;/*3n就是3的倍數(shù)都加這個(gè)樣式*/}
demo
相關(guān)文章:
1. bootstrp是col-md-12列的,只有col-md-10有內(nèi)容,可以讓沒有內(nèi)容的不占據(jù)位置嗎;2. 常量在外面不加引號(hào)會(huì)報(bào)錯(cuò)。3. wordpress里,這樣的目錄列表是屬于小工具還是啥?4. android - Genymotion 微信閃退 not find plugin.location_google.GoogleProxyUI5. python如何設(shè)置一個(gè)隨著系統(tǒng)時(shí)間變化的動(dòng)態(tài)變量?6. 百度地圖 - Android app中準(zhǔn)備接入地圖sdk,百度VS高德哪個(gè)好一點(diǎn)?7. 我的怎么不顯示啊,話說有沒有QQ群什么的8. mysql federated引擎無法開啟9. MySQL 使用 group by 之后然后 IFNULL(COUNT(*),0) 為什么還是會(huì)獲得 null10. sublime text3安裝package control失敗
