改变一个元素的风格而不改变另一个元素？

Question

对不起这个问题没有意义,但我会解释.我有两个超链接

<a href="" class="menu-link">home</a>
<a href="" class="menu-link">blog</a>

我想应用这种风格

<style>
.menu-link{color:#000;}
</style>

但只适用于<a href="" class="menu-link">home</a>如何做到这一点,而不是像下面实际更改类

<a href="" class="menu-link-1">home</a>
<a href="" class="menu-link-2">blog</a>

Answer 1

如果您无法修改标记以添加其他类,则可以按其href属性选择一个元素,假设它有一个:

a.menu-link[href='home.html'] {
  color: #000;
}