問(wèn)題描述

類(lèi)似p:hover::before,因?yàn)槭撬膫€(gè)子級(jí)，所以想選取排除自己的其他兄弟級(jí)

問(wèn)題解答

沒(méi)看到代碼，不過(guò)感覺(jué)應(yīng)該是從p下手處理而不是偽類(lèi)。

$('p').siblings();

用普通兄弟選擇器：“~”

比如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這樣寫(xiě)：

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