javascript - 改变一个元素的样式而不改变另一个?

标签 javascript jquery css class styles

抱歉,这个问题没有意义,但我会解释的。 我有两个超链接

<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>

最佳答案

如果您无法修改标记以添加额外的类,您可以通过其 href 属性选择一个元素,假设它有一个:

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

Here's a live example.

关于javascript - 改变一个元素的样式而不改变另一个?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7883760/

相关文章:

javascript 克隆元素树并更改克隆中的所有 ID

javascript - 文本框中的 Angular 表达式

javascript - 使用 IE 上传 iFrame 文件会产生下载对话框

html - Bootstrap 轮播从底部展开图像

JavaScript——在对象数组中查找匹配的对象

Javascript 匹配字符串中的符号

jquery - 抖动效果会影响焦点

javascript - 转到上一页并刷新 - 使用 javascript/Jquery 在一个按钮中

HTML 表格边框和文本溢出

jquery - Slicknav 菜单的定位