了解 CSS 相鄰同級選擇器
設計 HTML 元素樣式時,根據元素關係定位特定元素的能力至關重要。這就是 CSS 鄰近兄弟選擇器的用武之地。
問題陳述
考慮以下 HTML 和 CSS 程式碼:
目標是為了確保每個
h1.hc-reform元素後面的標籤具有clear屬性:both.
錯誤的嘗試
所做的嘗試:
不起作用,因為>選擇器僅選擇直接子元素。在這種情況下,
標籤不是 h1.hc-reform 元素的直接子元素。
相鄰同級選擇器
要獲得所需的結果,必須使用相鄰同級選擇器。它由加號 ( ) 表示。
此選擇器針對緊接在指定元素之後的元素,在本例中為
。緊接在 h1.hc-reform 元素之後的標記。
注意: Internet Explorer 6 及更早版本不支援相鄰同級選擇器。
以上是如何僅當段落直接跟隨特定 H1 元素時才使用 CSS 設定段落樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!