Plus-Selektor (+) wird verwendet, um das n?chste benachbarte Geschwister auszuw?hlen.
Gibt es ein ?quivalent für das vorherige Geschwisterkind?
2
0
0
我找到了一種方法來設計所有以前的同級（與 ~ 相反）的樣式，該方法可能會根據您的需要而起作用。
假設您有一個鏈接列表，當鼠標懸停在其中一個鏈接上時，之前的所有鏈接都應變?yōu)榧t色。你可以這樣做：
/* default link color is blue */
.parent a {
color: blue;
}
/* prev siblings should be red */
.parent:hover a {
color: red;
}
.parent a:hover,
.parent a:hover ~ a {
color: blue;
}
<div class="parent"> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> </div>
不，沒有“前一個兄弟”選擇器。
與此相關的是，~ 用于一般后繼同級元素（意味著該元素位于該元素之后，但不一定緊隨其后），并且是一個 CSS3 選擇器。 + 代表下一個兄弟，是 CSS2.1。
參見 相鄰同級組合器 "http://www.w3.org/TR/css3-selectors/" rel="noreferrer">選擇器級別 3 和 5.7 相鄰同級選擇器 來自 層疊樣式表 2 級修訂版 1 (CSS 2.1) 規(guī)范。
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
