html - 可以样式化链接关系吗？

Question

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

我有一些类似...

<link rel='next' title='a title!' href='http://alink.com' /> 

我想知道是否可以在外部样式表中为所有链接 rel 设置“next”样式？

Answer 1

你确定你正在使用 link正确的？查看spec here . <link>标签仅在文档的头部指定，不会呈现。您可能会想到 anchor (<a/>) 标签。

您可以指定一个 CSS attribute selector :

a[rel=next] { color: blue; }

---

由于 IE6 不支持属性选择器，您有几个选项可以完全兼容。您可以手动编写 anchor 类代码或使用 JavaScript。

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

$("a[rel=next]").addClass("myRelClass");