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

，在某些实例中，您可能需要将特定的类名为选择器中的特定类名为。当您想将样式应用于多个元素时，这一点特别有用，但是某些元素不应继承这些样式。

一个常见的方案涉及排除具有特定类名称的元素，同时将样式应用于具有其他类名称的元素。让我们考虑以下示例： 设计 态 设计

在此示例中，我们希望将背景颜色应用于悬停在“徘徊”类名称的元素上。但是，如果该元素还具有“ remode_selected”类名称。

/ *不应用backingcroppp往点 - 彩色（离开空） */ .Remode_selected .Remode_hover：Hover {} .Remode_hover：Hover {background-color：＃f0ac00; }

虽然您可能期望第一个规则起作用，但行之有效。这是因为在CSS中，类名称之间的空间表示后代选择器。因此，“ .Remode_Selected .Remode_hover”转换为“ select .Remode_hover元素，这些元素是.remode_selected。”

。remode_hover：not（.Remode_Selected）：hover {background-color：＃f0ac00; }

此规则将将背景颜色应用于没有.Remode_selected类名称的.Remode_hover元素。结果，只有第一个链接将在悬停上接收背景颜色，而第二个链接则不会。