如何通過腳本

更改CSS雙類屬性在JQuery用戶界面，有很多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雙類屬性？謝謝。

來源

2013-06-06 Anshuyi

您可以試試'{「font-weight」：「normal！important」}'。我不確定它是否會起作用，但您可以嘗試一下。 – Sourabh

當您檢查DOM檢查器中的元素時，是否會看到樣式更改？ – Barmar

你的元素是'.ui-state-default'，你爲什麼要改變'.ui-state-active'的css？ – 2013-06-06 06:46:10

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

該行不改變CSS類本身，只選擇該選擇器.ui-widget-content .ui-state-active匹配的元件。

因此，請在螢火蟲或Google開發者工具中執行「檢查元素」，找到需要的元素，並查看您是否使用了正確的選擇器。

由於.css()函數將所有給定的代碼放入style屬性中，它應該覆蓋CSS文件中的任何類，所以我認爲應該嘗試使用不同的選擇器來匹配元素。

來源

2013-06-06 06:37:14 Arthur

有兩個類適用於你的元素第一個是.ui-widget-content第二個是.ui-state-default。在你的例子中你設置了css爲.ui-widget-content或.ui-state-active。但它不正確，因爲另一個css .ui-state-default適用於該元素。

，所以你需要使用!important或也爲.ui-state-default類

嘗試申請jQuery代碼 -

$（「UI小部件內容的.ui狀態主動」）的CSS（ 'font-weight'，'normal！important'）;

或

$（「UI-狀態默認」。）的CSS（ '字體 - 重'， '正常的'）。 //對於fire fox使用css（'font-weight'，'400'）;

或

$（「UI-小窗口內容的.ui狀態活性的.ui狀態默認」。）的CSS（ '字體 - 重'， '正常的'）。

來源

2013-06-06 07:45:52

如何通過腳本

回答

相關問題