使用CSS选择具有空类属性(class =“”)的元素?

时间:2013-05-03 07:40:53

标签: css css-selectors

是否有CSS方法可以选择类似于该类的元素?

<a class="" href="...">

像空类声明的选择器一样?

2 个答案:

答案 0 :(得分:24)

您可以在此处使用元素属性选择器和空类值

div[class=""] {
    color: red;
}

Demo

注意:您可以将div替换为必需元素

答案 1 :(得分:19)

如果您说class属性存在,则可以使用属性选择器,如下所示:

jsFiddle

<a class="" href="...">asd</a>

a[class=""] {
    color: red;
}

如果您希望在元素上没有class属性时使用此功能,则可以使用:not([class])

jsFiddle

<a href="...">asd</a>

a:not([class]) {
    color: red;
}

然后可以将它们组合在一起以处理这两种情况。

jsFiddle

<a href="...">asd</a>
<a class="" href="...">asd</a>

a[class=""],
a:not([class]) {
    color: red;
}