如何使用 CSS 選擇器為特定元素後面的元素設定樣式？

使用CSS 選擇器定位下一個元素

在CSS 中，可以使用相鄰同級選擇器來為另一個元素後面的元素指定樣式。當對緊接特定選擇器之後的元素進行樣式設計時，此語法特別有用。

例如，考慮這樣一個場景：您想要將clear:both 屬性套用到所有

。

後面的標籤具有類別「hc-reform」的元素。

提供的選擇器，h1.hc-reform > p，嘗試定位 h1.hc-reform 的子元素，在本例中該子元素不存在。若要指定相鄰的同級，您應該使用加號 ( )。

此選擇器的正確語法是：

h1.hc-reform + p {
  clear:both;
}

此選擇器將有效地設定所有

的樣式。 h1.hc-reform 元素後面的標籤。

注意： Internet Explorer 版本 6 及更早版本不支援此方法。

以上是如何使用 CSS 選擇器為特定元素後面的元素設定樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！