如何使用 CSS 選擇器為具有多個類別的元素設定樣式？

使用CSS 選擇器定位具有多個類別的元素

考慮以下HTML 結構：

<div class="foo">Hello Foo</div>
<div class="foo bar">Hello World</div>
<div class="bar">Hello Bar</div>

選擇性樣式擁有兩個特定類別的元素，使用以下CSS語法：

.foo.bar {
  /* Styles for elements with both foo AND bar classes */
}

在提供的範例中，此選擇器將專門針對第二個

。 element:

<div class="foo bar">Hello World</div>

Internet Explorer 6 注意

請注意，Internet Explorer 6 不完全支援鍊式類別選擇器。因此，在 IE6 中套用上述 CSS 規則只會將樣式套用到具有最後指定類別 (.bar) 的元素。

對於仍支援 IE6 的瀏覽器，請考慮使用替代方法來定位具有多個類別的元素。

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