使用jquery更改css规则
使用jquery更改css规则
提问于 2014-12-15 17:49:32
我有以下css规则：
.headerWrapperDiv3 a{
color:#888;
}
.headerWrapperDiv3 a:hover {
color:#444;
}以及以下标记：
<div class='headerWrapperDiv3'>
<ul class="nav90">
<li><a href="index.aspx" pageCatID="3" >Home</a></li>
</ul>
</div>在页面加载之后，我使用这个jQuery来更改链接的颜色：
$(function() {
$("a[pageCatID=3]").each(function(){
$(this).css("color", "#00ff00");
});
});jquery找到链接ok，但未能更改颜色。
回答 4
Stack Overflow用户
回答已采纳
发布于 2014-12-15 17:54:23
试试这个(用单引号环绕这个值)：
$(function() {
$("a[pageCatID='3']").each(function(){
$(this).css("color", "#00ff00");
});
});Stack Overflow用户
发布于 2014-12-15 17:51:26
试试下面的例子
$(function() {
$(".nav90 a").each(function(){
$(this).css("color", "#00ff00");
});
})解决方案:如上面所示，只针对.nav90和a内部。
注意:如果您想获得更多的专用性，请坚持罗德里戈对您的代码所做的更正，这样就可以了。
Stack Overflow用户
发布于 2014-12-15 17:54:30
选择器表达式中的属性值必须遵循W3C CSS选择器的规则；通常，这意味着除有效标识符之外的任何其他内容都应该被引号包围。
$("a[pageCatID='3']").each(function() {
$(this).css("color", "#00ff00");
});正如您所看到的，您需要用引号检查3。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27490004
复制相关文章
相似问题
腾讯云开发者
