如何在 CSS 選擇器中排除具有特定類別名稱的元素？

在 CSS 選擇器中排除特定的類別名稱

在 CSS 中，通常需要根據特定的類別名稱來定位元素。但是，當一個元素上存在多個類別名稱時，定位可能會變得更加複雜。一個常見的挑戰是排除具有特定類別名稱的元素。

考慮以下場景：

• 當滑鼠懸停在帶有「
• 但是，如果元素也具有「reMode_selected」類，您不想更改顏色。
但是，如果元素也具有「reMode_selected」類，您不想更改顏色。

要排除具有特定類別名稱的元素，您可以使用「非」選擇器。 ：

<code class="css">.reMode_hover:not(.reMode_selected):hover {
  background-color: #f0ac00;
}</code>

此選擇器會將背景顏色套用於任何具有「reMode_hover」類別的元素，只要它不具有「reMode_selected」類別。

以上是如何在 CSS 選擇器中排除具有特定類別名稱的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！