更改导致同一页面的标记样式

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页面都会显示为红色