欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css選擇下一個兄弟元素

劉姿婷2年前9瀏覽0評論

CSS選擇下一個兄弟元素,即使用“+”符號來選擇緊接在某一元素后的下一個同級元素。

下面是一個例子:

.footer + .notice {
color: red;
}

上面的代碼中,“+”符號表示選擇緊接在class為“.footer”的元素后面的class為“.notice”的元素,并將其字體顏色設置為紅色。

需要注意的是,被選擇的下一個兄弟元素必須與前一個元素是同級元素。

下面是一個更加具體的例子:

<div class="container">
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
<div class="notice"></div>
</div>

假設現在需要給位于class為“.footer”的元素后面的class為“.notice”的元素設置字體顏色為紅色,可以這樣寫:

.footer + .notice {
color: red;
}

上面的代碼中,選擇了class為“.footer”的元素后面的class為“.notice”的元素,并將其字體顏色設置為紅色。

總結一下,使用“+”符號可以很方便地選擇某一元素緊接著的同級元素,可以進行各種樣式設置等操作。