在 CSS 中,我們可以使用不同類型的選擇器選中我們的 HTML 元素,其中一個非常常用的是選中前一個元素的選擇器。
選中前一個元素的選擇器使用+
符號。如下面的例子中,我們用+
符號選中了所有緊挨著p
元素之后的div
元素:
p + div { color: red; }
如果有多個相鄰的p
元素和div
元素,只有第一個緊鄰的div
元素會被選中。示例:
<p>這是第一個 </p> <p>這是第二個</p> <div>這個 div 被選中了</div> <div>這個 div 不會被選中</div> <p>這是第三個</p>
選中前一個元素的選擇器非常實用,可以用來設置類似條紋表格的樣式,也可以用來設置一些特殊的布局效果。建議大家多加熟悉和使用。