Question

在JQuery UI中，有很多CSS双类，例如对于JQuery UI的选项卡

.ui-widget-content .ui-state-default  
{
    border: 3px solid #EEEEEE;      
    background: #ffffff url(BGDel.png) repeat-x; 
    font-weight: bold; 
    color: #ffffff; outline: none; 
}

如果它在CSS文件中，则上述工作正常。

我想使用javascript / Jquery来更改其中一个属性，比如

$(".ui-widget-content .ui-state-active").css({"font-weight":"normal"} );

它不起作用。任何人都可以帮助如何通过脚本设置或更改CSS双类属性？感谢。

Answer 1

$(".ui-widget-content .ui-state-active").css({"font-weight":"normal"} );

此行不会更改CSS类本身，它只会选择与此选择器.ui-widget-content .ui-state-active匹配的元素。

因此，请在firebug或Google Developer Tools中执行“检查元素”，找到所需的元素，并查看您是否使用了正确的选择器。

由于.css()函数将所有给定的代码放入style属性，它应该覆盖CSS文件中的任何类，所以我认为，你应该尝试使用不同的选择器来匹配你的元素。 / p>

Answer 2

首先，您的元素有两个类适用.ui-widget-content，其次是.ui-state-default。在您的示例中，您将css设置为.ui-widget-content或.ui-state-active。但它不正确，因为另一个css .ui-state-default适用于该元素。

因此您需要使用!important或为.ui-state-default类

应用jquery代码

尝试 -

$（“。ui-widget-content .ui-state-active”）。css（'font-weight'，'normal！important'）;

或

$（ “用户界面状态默认”）的CSS（ '字体 - 重'， '正常的'）。 // for fire fox使用css（'font-weight'，'400'）;

或

$（“。ui-widget-content .ui-state-active .ui-state-default”）。css（'font-weight'，'normal'）;

如何通过脚本更改CSS双类属性

2 个答案: