CSS中的上一兄弟元素指的是在HTML文檔中緊挨在當(dāng)前元素之前的兄弟元素。我們可以使用CSS的“~”選擇器來選擇它。
比如,我們有如下的HTML代碼:
<div class="box"> <p>這是第一個(gè)p標(biāo)簽</p> <span>這是一個(gè)span標(biāo)簽</span> <em>這是一個(gè)em標(biāo)簽</em> <p>這是第二個(gè)p標(biāo)簽</p> </div>
如果我們想要選擇第二個(gè)p標(biāo)簽之前的所有元素,可以這樣寫:
.box p ~ * { /* 這里的 * 代表所有元素 */ color: red; }
這樣我們就將第二個(gè)p標(biāo)簽之前的所有元素的顏色改為了紅色。
需要注意的是,這里的“~”選擇器只能選擇之前的兄弟元素,并且選擇的元素是在當(dāng)前元素之后的同級(jí)元素。如果要選擇所有的上一兄弟元素,建議使用jQuery的prevAll()方法。