У меня есть набор стилизованных ссылок, использующих :before
для применения стрелки.
Это выглядит хорошо во всех браузерах, но когда я применяю подчеркивание к ссылке, я не хочу, чтобыподчеркивание :before
(стрелка).
См., например, jsfiddle: http://jsfiddle.net/r42e5/1/
Возможно ли это удалить?Тестовый стиль, с которым я сидел #test p a:hover:before
, действительно применяется (согласно Firebug), но подчеркивание все еще там.
Есть ли способ избежать этого?
#test {
color: #B2B2B2;
}
#test p a {
color: #B2B2B2;
text-decoration: none;
}
#test p a:hover {
text-decoration: underline;
}
#test p a:before {
color: #B2B2B2;
content: "► ";
text-decoration: none;
}
#test p a:hover:before {
text-decoration: none;
}
<div id="test">
<p><a href="#">A link</a></p>
<p><a href="#">Another link</a></p>
</div>