Javascript 更改一个元素的样式而不更改另一个？

对不起，这个问题没有道理，但我会解释的。 我有两个超链接

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

我想采用这种风格

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

.菜单链接{颜色：#000；}

但是只适用于

除了像下面这样实际更改类之外，如何做到这一点

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

---

如果无法修改标记以添加其他类，则可以通过其

href

属性选择元素，假设该元素有一个：

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

---

如果无法修改标记以添加其他类，则可以通过其

href

属性选择元素，假设该元素有一个：

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

Alt 1 您可以向该锚点添加

样式
属性：

<a href="" class="menu-link" style="color:#000;">home</a>

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

，并将css中的
菜单链接
替换为
#specialstyle

备选案文3
或者您可以为该锚定添加一个
类
：

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



，并将css中的
.menu link
替换为
.menu link special
。
Alt 1
您可以向该锚点添加
样式
属性：

<a href="" class="menu-link" style="color:#000;">home</a>

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

，并将css中的
菜单链接
替换为
#specialstyle

备选案文3
或者您可以为该锚定添加一个
类
：

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



，并将css中的
.menu-link
替换为
.menu-link-special
。
如果您不能/不会更改实际标记，请尝试此操作（jQuery）

假设您不能/不会更改实际标记，请尝试以下操作（jQuery）

也许这个解决方案适合你的需要

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

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


.菜单链接{}
.黑色{颜色：#000；}
也许此解决方案适合您的需要

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

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


.菜单链接{}
.黑色{颜色：#000；}
您可以使用所需样式将另一个类添加到
菜单链接-1
：

<style>a.home { color: #000; }</style>
<a href="" class="menu-link-1 home">home</a>
<a href="" class="menu-link-2">blog</a>

a.home{color:#000；}

编辑：显然，如果我读了这个问题，我会注意到作者不想更改类。
你可以用你想要的样式将另一个类添加到
菜单链接-1
：

<style>a.home { color: #000; }</style>
<a href="" class="menu-link-1 home">home</a>
<a href="" class="menu-link-2">blog</a>

a.home{color:#000；}

编辑：显然，如果我读了这个问题，我会注意到作者不想更改类。
您可以将多个类分配给单个元素

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



您只需添加一个空间

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


.menu link.home{color:#000；}
您可以将多个类分配给单个元素

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



您只需添加一个空间

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


.menu link.home{color:#000；}
我认为“主页”链接是这些序列中的第一个链接，为什么不使用

.menu-link { color: <your_default_color>; }
.menu-link:first-child { color: #000; }

。菜单链接{color:；}
.菜单链接：第一个子项{color:#000；}
我认为“主页”链接是这些序列中的第一个链接，为什么不使用

.menu-link { color: <your_default_color>; }
.menu-link:first-child { color: #000; }

。菜单链接{color:；}
.菜单链接：第一个子项{color:#000；}
而不是
.css（“颜色”，“000”）
是否可以应用id或更改类？@user1010031。一旦你有了选择器的元素，你可以做任何你想做的事情？jquery的实际功能是什么？@user1010031如果您不需要支持IE6，并且您的链接实际上具有
href
属性，那么Michael的答案比
.css（“颜色”，“000”）要好得多
是否可以应用id或更改类？@user1010031。一旦你有了选择器的元素，你可以做任何你想做的事情？它的实际jquery是什么？@user1010031如果您不需要支持IE6，并且您的链接实际上具有
href
属性，Michael的答案会更好