在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元素。結果，只有第一個鏈接將在懸停上接收背景顏色，而第二個鏈接則不會。