可以设置链接rel的样式吗?

Ski*_*zit 0 html css

这可能是一个愚蠢的问题,但无论如何我都会碰碰运气......

我有类似的东西...

<link rel='next' title='a title!' href='http://alink.com' /> 
Run Code Online (Sandbox Code Playgroud)

我想知道我是否可以在外部样式表中使用“next”来设置所有链接相关的样式?

Jon*_*ter 5

你确定你用link对了吗?请参阅此处的规格。标签<link>仅在文档的头部指定,并且不会呈现。您可能会想到锚 ( <a/>) 标签。

您可以指定 CSS属性选择器

a[rel=next] { color: blue; }
Run Code Online (Sandbox Code Playgroud)

由于 IE6 不支持属性选择器,因此您有几个选项可以实现完全兼容。您可以手动编写锚点的类或使用 JavaScript。

这是一个使用 jQuery(类似语法)的 JavaScript 解决方案,但它可能不是 IE6 及以下版本的最理想解决方案:

$("a[rel=next]").addClass("myRelClass");
Run Code Online (Sandbox Code Playgroud)