jquery - 使用 jquery 更改具有多个值的单个变量

Question

Web 编程新手 - 我正在使用一个开源模板，试图更改一些文本悬停颜色。我只是想更改边框颜色，但我对如何更改此变量感到困惑，因为它有 3 个值并适用于 3(？)个不同的类。模板 CSS 代码如下:

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
     border-color: #e9ecef #e9ecef #ddd;
}  

我可以用 jquery 改变“普通”​​变量:

$('.nav-link:hover').css("border-color", "rgba(0, 0, 0, .5)");

但我认为所提供的 CSS 语法有些不同，我不理解。如何更改上面的代码行以成功更改 .nav-link:hover 的边框颜色？

Answer 1

Jquery 引用 DOM 元素(成为元素树的 HTML)。 CSS 不是 DOM 的一部分，它是应用于 DOM 元素的样式。如果你想改变样式，你需要添加到 css:

.nav-link:hover {
     border-color: rgba(0, 0, 0, .5);
}  

在现有样式下方执行此操作，它将覆盖其上方的样式。