如何使用 CSS 設定特定標題後面的段落樣式？

使用CSS 選擇下一個元素：相鄰同級選擇器

使用HTML 時，您可能會遇到需要將樣式套用於其他元素之後的特定元素的情況在DOM 樹。在 CSS 中，這可以使用相鄰同級選擇器來實現，由加號 ( ) 表示。

在您的範例中，您想要套用clear:both;規則到每個

後面的標籤帶有 hc-reform 類別的標籤。為此，正確的CSS 選擇器將是：

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

相鄰的同級選擇器確保清除：兩者；規則僅適用於

緊跟在

.hc-reform

後面的標籤標頭。需要注意的是，Internet Explorer 6 或更早版本不支援此選擇器。

因此，為了解決您提到的問題，其中h1.hc-reform > > p 選擇器不起作用，這是因為該選擇器代表直接子選擇器，它僅選擇

;是

.hc-reform

直接子標籤的標籤。在你的情況下，

標籤不是直接子代，而是跟隨兄弟姐妹，因此 h1.hc-reform p 選擇器是正確的選擇。

以上是如何使用 CSS 設定特定標題後面的段落樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！