2011-01-10 3 views
0

Это, наверное, глупый вопрос, но я шанс, что это в любом случае ...можно стиль link rel?

У меня есть что-то вроде ...

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

Я интересно это возможно для меня стиль все ссылка rel с 'next' во внешней таблице стилей?

+0

А где бы вы хотели увидеть результат стилизации? элементная ссылка ничего не отображает. Возможно, вы имеете в виду якорный тег 'a'? – Bazzz

ответ

4

Вы уверены, что используете link? См. spec here. Тег <link> указан только в заголовке документа и не отображается. Возможно, вы думаете о якорной (<a/>) тегах.

Вы можете задать CSS attribute selector:

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

Поскольку IE6 не поддерживает селектор атрибута, у вас есть несколько вариантов для полной совместимости. Вы можете просто передать код класса якоря или использовать JavaScript.

Вот решение JavaScript с помощью JQuery (аналогичный синтаксис), но это, вероятно, не самый идеальный для всего IE6 и ниже:

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

В каких браузерах это НЕ работает? Я предполагаю, что IE6 терпит неудачу. Удивительно знать, однако, я не знал о существовании этого селектора. – theorise

+0

Согласно http://www.quirksmode.org/css/contents.html, это IE5.5 и IE6. Остальные кажутся совместимыми –

0

В обычных веб-браузерах этот <link> не имеет видимого представления, так как вы можете его стилизовать?

0

Просто использовать что-то вроде следующего в вашем внешнем файле CSS ...

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

BTW: Вы, наверное, имеете в виду HTML-тег <a> например <a href="http://domain.tld">Link</a>

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.

Смежные вопросы