css3 - 用偽類選擇移除自己的其他兄弟級

問題描述

類似p:hover::before,因為是四個子級，所以想選取排除自己的其他兄弟級

問題解答

沒看到代碼，不過感覺應該是從p下手處理而不是偽類。

$('p').siblings();

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

比如HTML:

<p class='brother-selector'> <h2>標題0</h2> <p>咳咳，內容。</p> <h2>標題1</h2> <h2>標題2</h2> </p>

CSS這樣寫：

p + h2{color:red; } p ~ h2{font-weight:700; }

結果如下：

<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的倍數都加這個樣式*/}

demo