如何僅當段落直接跟隨特定 H1 元素時才使用 CSS 設定段落樣式？

了解 CSS 相鄰同級選擇器

設計 HTML 元素樣式時，根據元素關係定位特定元素的能力至關重要。這就是 CSS 鄰近兄弟選擇器的用武之地。

問題陳述

考慮以下 HTML 和 CSS 程式碼：

目標是為了確保每個

h1.hc-reform元素後面的標籤具有clear屬性：both.

錯誤的嘗試

所做的嘗試：

不起作用，因為>選擇器僅選擇直接子元素。在這種情況下，

標籤不是 h1.hc-reform 元素的直接子元素。

相鄰同級選擇器

要獲得所需的結果，必須使用相鄰同級選擇器。它由加號 ( ) 表示。

此選擇器針對緊接在指定元素之後的元素，在本例中為

。緊接在 h1.hc-reform 元素之後的標記。

注意： Internet Explorer 6 及更早版本不支援相鄰同級選擇器。

以上是如何僅當段落直接跟隨特定 H1 元素時才使用 CSS 設定段落樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！