html - 更改指向同一页面的标签的样式

Question

如何更改 <a> 的样式链接到同一页面的标签，例如 http://jsfiddle.net/6ffyubLy/

在这个页面中，'next' 和 '1' 都指向同一个页面，我如何在悬停时更改它们的样式而不给它们相同的类或 id

<a href="jsfiddle.net">next</a>
<a href="jsfiddle.net">1</a>
<a href="#">2</a>

a:hover{
text-decoration:none;

Answer 1

你可以使用

<a href="jsfiddle.net">next</a>
<a href="jsfiddle.net">1</a>
<a href="#">2</a>

a:hover{
   text-decoration:none;
}

a[href="jsfiddle.net"]:hover {
   color: red;
}

当您将鼠标悬停在 <a> 上时，每个带有 jsfiddle href 的页面都会显示为红色。