CSS - 根据其"rel"属性设置链接样式?

Ale*_*lex 28 css hyperlink

<a href="http://google.com" rel="external"> LINK </a>
Run Code Online (Sandbox Code Playgroud)

是否可以为rel ="external"添加css规则?

uno*_*nor 56

Felix Kling和thirtydot建议使用[att=val]属性selector(a[rel="external"]).但这只有external唯一 rel值的情况下才有效.

如果要为可能包含一个或多个rel值的链接设置样式,则应使用[att~=val]属性选择器:

a[rel~="external"](注意波形符)

这种链接的一个例子可能是:

<a href="http://google.com" rel="external nofollow">LINK</a>
Run Code Online (Sandbox Code Playgroud)

有关规范,请参见http://www.w3.org/TR/css3-selectors/#attribute-representation.


Fel*_*ing 10

可以使用属性选择器:

a[rel=external] {

}
Run Code Online (Sandbox Code Playgroud)

注意:这是IE6中不支持的选择器.

  • 它的工作原理:DI不关心IE 6,我的网站甚至没有出现在浏览器中:x (2认同)
  • @Alex:不错的选择:D;) (2认同)