jquery addclass 样式不起作用，选择器错误？

Question

LEISTUNGEN ;

这是我想要设置样式的列表项：

$("#leistungen a").addClass("brown");

这对任何一个都不起作用：

$("#leistungen").addClass("brown");

我的CSS代码只是

.brown {
   color:brown;
}

我不知道出了什么问题，希望你能帮助我： ）

多谢！

Answer 1

Saying

$("#leistungen").addClass("brown");

适用于 #leistungen 内的所有文本，但不适用于锚标记。锚点具有必须覆盖的默认样式。你的写法是正确的

$("#leistungen a").addClass("brown");

做一个测试来确保你的Javascript正在执行，方法是将其更改为

$("#leistungen a").hide();

如果它消失，那么你就知道你的Javascript正在正确的元素上工作。接下来，尝试使您的选择器更加具体（也许其他东西会覆盖您的更改）。

$("li#leistungen a").addClass("brown");

如果这不起作用，请确保 javascript 已执行，然后检查该元素。有新的班级吗？如果是这样，那么问题出在 CSS 而不是 Javascript。检查“.brown”样式周围的 CSS 文件以查找语法错误。以前的样式中缺少 } 就可以做到这一点。

尝试使用“#4C3F12”而不是“棕色”一词作为颜色。

.brown {
  color: #4C3F12;
}

让我知道这些是否有帮助！

Answer 2

区分大小写——你用大写的 L 命名你的锚点。

$("#Leistungen").addClass("brown");

在第一种情况下，你还需要使用类选择器，而不是 id 选择器

$(".leistungen a").addClass("brown");

注意——我会避免匹配的类和 id (区分大小写或不区分大小写）。

HTML ID 属性 文档（强调我的）：

ID属性唯一标识
文档中的一个元素。没有两个
元素可以具有相同的 ID 值
一个文档。该属性的
值必须以字母开头
范围 AZ 或 az 并可遵循
由字母 (A-Za-z)、数字 (0-9)、
连字符（“-”）、下划线（“_”）、
冒号（“:”）和句点（“.”）。 的
值区分大小写。

Answer 3

你安装了萤火虫吗？在 Firebug 中，您需要检查是否添加了该类。如果已添加，则刷新浏览器缓存，否则检查您的 JavaScript。

Answer 4

您可能对 CSS 特异性< /a> 这里。如果“a”标签的原始颜色指定得非常具体，则新定义可能不起作用。例如：

body #leistungen a {
   color: red;
}

.brown {
   color: brown;
}

在这种情况下，红色优先于棕色，因为第一个定义比最后一个定义更具体。尝试更具体地定义棕色类：

body #leistungen a.brown {
   color: brown;
}

Answer 5

可能是你的某个地方有冲突的 css 定义。
如果您确定 javascript 正在执行，请检查以下内容：

1. 由于它是一个 ID，因此请确保该 ID 没有分配给其他标签。
2. 您还有其他适用于标签的 css 声明吗？

尝试将声明更改为：

a.brown{ color: brown;} 

或者
.brown a {color: Brown;}

取决于您是否使用 $("#leistungen a").addClass("brown"); 或 $("#leistungen").addClass （“棕色”）；