可以设置样式链接rel？

Question

这可能是一个愚蠢的问题，但无论如何我都有机会......

我有类似......

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

我想知道我可以在外部样式表中使用'next'设置所有链接rel的样式吗？

Answer 1

你确定你正在使用link吗？请参阅spec here。 <link>标记仅在文档的头部指定，不会呈现。你可能会想到锚（<a/>）标签。

您可以指定CSS attribute selector：

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

---

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

这是一个使用jQuery（类似语法）的JavaScript解决方案，但它可能不是IE6及以下版本的最理想选择：

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

Answer 2

我认为你的意思是锚标记，而不是链接标记。如果是这样，那么您可以使用以下CSS

a[rel='next'] { color: red; }
a[rel='prev'] { color: green; }

到样式

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

Example here.

Answer 3

在常规的网络浏览器中，<link>没有任何可见的表示形式，所以你怎么设计呢？

Answer 4

只需在外部CSS文件中使用以下内容......

link[rel=next] {
   color: red;
}

顺便说一句：您可能指的是HTML标记<a>，例如<a href="http://domain.tld">Link</a>