仅当将 2 个类设置为一个元素时才应用 CSS 规则[重复]

Posted

技术标签:

【中文标题】仅当将 2 个类设置为一个元素时才应用 CSS 规则[重复]【英文标题】:Apply CSS Rules Only If 2 Classes are Set to an Element [duplicate] 【发布时间】:2012-07-28 06:30:27 【问题描述】:

可能重复:Can you target an element with CSS only if 2 classes are present?CSS Selector that applies to elements with two classes

有没有办法仅在应用了 2 个类的情况下将 CSS 样式应用于元素?

例如,将我的自定义样式应用于此:

<div class="one two">Text</div>

但不是这些:

<div class="one">Text</div>
<div class="two">Text</div>

【问题讨论】:

【参考方案1】:

当然:

.one.two  border: 1px red solid 

【讨论】:

【参考方案2】:

尝试在css选择器中使用.one.two

【讨论】:

以上是关于仅当将 2 个类设置为一个元素时才应用 CSS 规则[重复]的主要内容,如果未能解决你的问题,请参考以下文章

仅当元素具有两个类时才应用 CSS 规则[重复]

仅当没有 h1 同级元素时才为元素设置样式

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

仅当元素具有特定子元素时才向元素添加规则

仅当在父元素上指定维度时才继承维度

仅当“模块”选项设置为“esnext”时才允许使用***“等待”表达式