CSS-根据链接的“样式”设置链接样式;rel";属性

CSS-根据链接的“样式”设置链接样式;rel";属性,css,hyperlink,Css,Hyperlink,可以为rel=“external”添加css规则吗?可以使用: 注意:这是选择器使用: 适用于所有现代浏览器,IE7+Felix Kling和thirtydot建议使用[att=val]属性选择器(a[rel=“external”])但是只有当外部是唯一的rel值时,这才有效 如果要为可能具有1个或多个rel值的链接设置样式,应使用[att~=val]属性选择器: a[rel~=“外部”](注意字符) 这种联系的一个例子可以是: a[rel="external"] { color: r

可以为rel=“external”添加css规则吗?

可以使用:

注意:这是选择器

使用:


适用于所有现代浏览器,IE7+

Felix Kling和thirtydot建议使用
[att=val]
属性选择器(
a[rel=“external”]
但是只有当
外部
是唯一的
rel
值时,这才有效

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

a[rel~=“外部”]
(注意字符)

这种联系的一个例子可以是:

a[rel="external"] {
    color: red
}



有关规范,请参阅。

可能与
*
一起使用

<a href="http://google.com" rel="external nofollow">LINK</a>
//即:


它可以工作:D我不在乎IE 6,我的网站甚至没有显示在浏览器中:x
a[rel="external"] {
    color: red
}
<a href="http://google.com" rel="external nofollow">LINK</a>
// i.e: <a rel="nofollow external foo">
a[rel*="external"] { color:red; }

// you can add target attribute to open them in a new window
so.dom("a[rel*='external']").setAttr("target", "_blank");