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

Question

<li id="leistungen"><a href="#Leistungen" onclick="sitemapChangeSubMenu('leistungen','leistungencontent','leistungen'); return false;">LEISTUNGEN</a> </li>

这是我想要样式的列表项:

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

这不适用于:

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

我的css代码就是

.brown {
   color:brown;
}

我不知道有什么不对,希望你能帮助我:)

非常感谢!

Answer 1

话

$("#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"作为颜色.

.brown {
  color: #4C3F12;
}

如果有任何帮助,请告诉我!