1

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>
4

3 回答 3

8

使用这样的东西：

a:not([class]) {
    /*some styling here*/
}

小演示：小链接。

于 2012-09-06T19:57:57.893 回答
0

尝试使用.foo:not(.bar)-pseudo 选择器。我还建议您不要在大写字母中编码标签。我相信它在 HTML5 中是允许的，但在 XHTML 中是不允许的。即便如此，这种做法还是不受欢迎。

于 2012-09-06T22:25:48.097 回答
0

这正是级联的用途，如果你这样做：

a { color: #000; } /* this targets all anchors */

然后在你的样式表中之后你可以做

a.classname { color: #ffcc00; } /* to override the color for the once with the classname class defined. */

我希望这能澄清你的问题。

于 2012-09-06T20:02:06.337 回答