Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery更改css规则_Jquery_Html_Css - Fatal编程技术网

使用jquery更改css规则

使用jquery更改css规则,jquery,html,css,Jquery,Html,Css,我有以下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>

我有以下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() {
        $(".nav90 a").each(function(){
            $(this).css("color", "#00ff00");
        });
    })
解决方案:如上所示,只需将.nav90a作为目标


注意:如果您想更具体,请遵循Rodrigo对您的代码所做的更正,您会很好。

尝试下面的示例

 $(function() {
        $(".nav90 a").each(function(){
            $(this).css("color", "#00ff00");
        });
    })
解决方案:如上所示,只需将.nav90a作为目标

注意:如果您想更具体,请遵循Rodrigo对代码所做的更正,您会很好。

试试这个(用单引号括起值):

试试这个(用单引号将值括起来):

选择器表达式中的属性值必须遵循W3C的规则 CSS选择器;一般来说,这意味着除了有效的 标识符应该用引号括起来

正如您所见,您需要在
3
周围加上引号

选择器表达式中的属性值必须遵循W3C的规则 CSS选择器;一般来说,这意味着除了有效的 标识符应该用引号括起来


正如您所见,您需要用引号括住
3

不必使用。每个选择器都适用于每个对象:

$(function() {
    $("a[pageCatID=3]").css("color", "#00ff00");
});
工作示例:

更新:

对于多个属性:

$(function() {
    $("a[pageCatID=3]").css({
        "color": "#00ff00",
        "background-color": "#000"
    });
});

工作示例:

无需使用。每个选择器应用于每个对象:

$(function() {
    $("a[pageCatID=3]").css("color", "#00ff00");
});
工作示例:

更新:

对于多个属性:

$(function() {
    $("a[pageCatID=3]").css({
        "color": "#00ff00",
        "background-color": "#000"
    });
});

工作示例:

您的代码似乎适合我:您的代码似乎适合我:@NiMa:这是一个属性选择器
a[pageCatID='3']
选择属性
pageCatID
设置为
3
的所有锚元素。它查找属性pageCatID设置为3@NiMa:它是一个属性选择器
a[pageCatID='3']
选择属性
pageCatID
设置为
3
的所有锚元素。它查找属性pageCatID设置为3Brilliant的链接,谢谢。有一次我认为我有一个特殊性问题!太好了,谢谢你。有一次我认为我有一个特殊性问题!鉴于OP正在建造导航,我假设
将有更多
  • ,其中包含更多
    。。。这会将更改应用到
    中的所有
    ,使页面ID有所不同。这是一个简单的问题,即使OP正在构建一个nav,我也会假设
    中会有更多的
  • 。。。这会将更改应用于
    中的所有
    ,使页面ID有所不同。这就是simpleok。现在,如果我要改变的不仅仅是颜色,也就是背景和字体样式,那么使用每个选择器命令而不是3个选择器命令会更有效吗?好的。现在,如果我改变的不仅仅是颜色,也就是背景和字体样式,那么使用每个选择器命令而不是3个选择器命令会更有效吗?