是否可以选择所有没有CSS类的元素?

Sup*_*tar 1 html css anchor css-selectors

W3C建议书定义了通过使用选择具有已定义类的任何锚点的能力A[CLASS]{/*Code*/},但是有没有先例?

我可以选择所有没有课程的锚吗?

我的直觉是使用A[~CLASS]{/*Code*/},但没有记录,并A[CLASS=]{/*Code*/}选择所有具有类名称为空字符串的锚点(例如,<A CLASS="" HREF="http://example.com/">This anchor has a class, but it's empty.</A>).

用法示例


在这段代码中,我只希望无类链接为绿色.

<HTML>
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="http://example.com/externalUneditableStyles.CSS" />
<STYLE>
A.deadLink{
color:#FF0000 !important;
}
A{
color:#00FF00;
}

</STYLE>
</HEAD>

<BODY>
<A HREF="http://fakesite.not/" CLASS="deadLink">This link is red, as specified by the CSS above.</A>
<A HREF="http://example.com/">This link is green, as specified by the CSS above.</A>
<A HREF="#/childpage/" CLASS="childLink">This is a link to a child page, and is styled by external uneditable CSS. That CSS doesn't specify a color, so it is green, even though that might not be the intended effect.</A>
</BODY>
</HTML>
Run Code Online (Sandbox Code Playgroud)

Chr*_*ris 7

使用这样的东西:

a:not([class]) {
    /*some styling here*/
}
Run Code Online (Sandbox Code Playgroud)

小演示:小链接.

  • 不错的jsFiddle用户名. (2认同)
  • @Supuhstar是的,使用`a:not([class]):not([id])`.这是一个小小的演示:[小链接](http://jsfiddle.net/glee/En4k5/). (2认同)