如何在 CSS 选择器中排除具有特定类名的元素？

在 CSS 选择器中排除特定的类名称

在 CSS 中，通常需要根据特定的类名称来定位元素。但是，当一个元素上存在多个类名时，定位可能会变得更加复杂。一个常见的挑战是排除具有特定类名的元素。

考虑以下场景：

• 当鼠标悬停在带有“
• 但是，如果元素也具有“reMode_selected”类，您不想更改颜色。

要排除具有特定类名的元素，您可以可以使用“非”选择器。此选择器允许您定位与指定条件不匹配的元素。在这种情况下，您将使用：

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

此选择器会将背景颜色应用于任何具有“reMode_hover”类的元素，只要它不具有“reMode_selected”类。它有效地排除了满足这两个条件的元素。

以上是如何在 CSS 选择器中排除具有特定类名的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！