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

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

使用CSS 時，確定元素是否滿足特定標準至關重要。其中一個這樣的場景是識別屬於兩個或更多特定類別的元素。本文提供了此問題的簡單解決方案以及瀏覽器相容性注意事項。

要選擇具有多個類別的元素，請使用 CSS 類別選擇器語法。只需將類別名稱連結在一起，無需用空格分隔。例如，要選擇同時具有「foo」和「bar」類別的元素：

.foo.bar {
  /* Styles for element(s) with foo AND bar classes */
}

但是，Internet Explorer 6 解釋器以不同的方式連結類別選擇器。對於此瀏覽器，僅會辨識最後一個類別選擇器。為了確保相容性，請考慮使用以下程式碼：

* {
  color: black;
}

.foo.bar {
  color: red;
}

此程式碼將“紅色”顏色分配給同時具有“foo”和“bar”類別的元素，而所有其他元素保留預設的“黑色”顏色。實作此方法可以在各種瀏覽器（包括 IE6）之間實現一致的樣式。

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