Html Css选择器.a.b如何从选择a.b.c中排除它?

Html Css选择器.a.b如何从选择a.b.c中排除它?,html,css,Html,Css,我继承了一些与下面的html非常相似的标记 <div class="a b">how_can_i_select_ab_only</div> <div class="a b disabled">how_can_i_select_ab_and_disabled_only</div> 我想分别选择这两个元素 css选择器.a.b选择两个div 如何仅选择ab 如何仅选择“禁用”和“禁用” 什么样的选择器可以只选择a.b类禁用和a.b类?三种方法: 第

我继承了一些与下面的html非常相似的标记

<div class="a b">how_can_i_select_ab_only</div> 
<div class="a b disabled">how_can_i_select_ab_and_disabled_only</div>
我想分别选择这两个元素

css选择器.a.b选择两个div

如何仅选择ab 如何仅选择“禁用”和“禁用”
什么样的选择器可以只选择a.b类禁用和a.b类?

三种方法:

第一种方法是,将样式设置为.a.b,然后将其删除,以替代.a.b.disabled

第二种方法是使用attr选择器

[class='a b'] {color: red}
接下来,您可以使用:不是选择器,而是自IE9以来的支持

.a.b:not(.disabled) {color: red}

三种方法:

第一种方法是,将样式设置为.a.b,然后将其删除,以替代.a.b.disabled

第二种方法是使用attr选择器

[class='a b'] {color: red}
接下来,您可以使用:不是选择器,而是自IE9以来的支持

.a.b:not(.disabled) {color: red}
使用:不是css选择器

[class='a b'] {color: red}
.a.b:not.disabled

使用:not css选择器

[class='a b'] {color: red}
.a.b:not.disabled(未禁用)

非选择器将帮助:

.a.b:没有禁用{ 颜色:红色; } 如何仅选择ab “非”选择器将有助于:

.a.b:没有禁用{ 颜色:红色; } 如何仅选择ab 如何选择“禁用”和“禁用”呢

这应该以a类和禁用的div为目标

.a.disabled {}
这应针对a类和b类的div

.a.b {}
试试这个

这应该以a类和禁用的div为目标

.a.disabled {}
这应针对a类和b类的div

.a.b {}

我选择了最简单的选项,即设置它,然后立即覆盖它选项1。我选择了最简单的选项,即设置它,然后立即覆盖它选项1。