仅当存在集合类而不是其他类时才应用 CSS 规则 [重复]

Posted 2023-03-06

【中文标题】仅当存在集合类而不是其他类时才应用 CSS 规则 [重复]

【英文标题】：Apply CSS rules only if set classes are present, and not others [duplicate]

【发布时间】：2020-11-10 11:41:02

【问题描述】：

我需要将规则应用于此元素：

<div class="a b"/>

不是这个：

<div class="a b c"/>

【问题讨论】：

我知道 :not() 选择器，但如果有一种方法可以将规则限制在一定数量的类中而不需要额外的 :not() 说明，我很感兴趣。跨度>

【参考方案1】：

试试这个。它只适用于类名匹配的地方。

div[class*="ab"]

 /* Write your style that  you want to apply  */

【讨论】：

我认为它在 class="b a" 的情况下不起作用，但它会起作用。谢谢。

您也可以在 div 中使用标题标签并将样式应用于标题。例如 <div class="ab" title="ab" > </div> <div class="abc" > </div> 以这种格式编写 css div[title~=ab] /*Your style */ 现在这会将样式应用于标题为 ab 的类