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. html - 微信瀏覽器h5<video>標(biāo)簽問題2. java - mysql緩存問題3. javascript - 關(guān)于Node 、 commonJs、 vue 之間的故事4. node.js - 為什么微信的消息MsgId出現(xiàn)重復(fù)了,無法排重了。。5. python - 如何對(duì)列表中的列表進(jìn)行頻率統(tǒng)計(jì)?6. python - 如何正則字符串中的所有漢字7. 黑客 - Python模塊安全權(quán)限8. android 微信是如何實(shí)現(xiàn)即時(shí)更新好友頭像的9. android - 像支付寶到位這種點(diǎn)擊marker點(diǎn)擊變大怎么做的10. javascript - 關(guān)于ios微信端瀏覽器網(wǎng)頁的一些問題
