動態添加的風格不工作

我有具有以下CSS元素類：動態添加的風格不工作

#item-group-navigation li a{ 
    text-decoration: none; 
    color: white; 
    font-size: 18px; 
    font-family: MyriadProReg; 
    vertical-align: -1px; 
}

我添加使用jQuery下面的類特定事件之後：

.item-group-selected{ 
    color:rgb(245, 255, 0);!important 
}

但問題是動態添加的樣式不起作用。而是應用默認樣式。我試圖使用!important關鍵字，但它不起作用。任何人都可以解釋我做錯了什麼？

來源

2013-06-13 Imesh Chandrasiri

重要的應該去在分號前 – Pete

您是否想要撤銷接受的答案？如果是這樣，那麼你是否需要更多幫助？ –

如果使用!important它需要分號之前放置。

color:rgb(245, 255, 0) !important;

雖然你不需要使用它。確保您的課程是在任何其他可能會覆蓋該顏色的樣式之後添加的，並檢查您的頁面以查看計算當前顏色的位置。

舉例來說，如果你的CSS是這樣的：

.item-group-selected{ 
    color:rgb(245, 255, 0); 
} 

#item-group-navigation li a { 
    color: white; 
}

你應該移動.item-group-selected選項下面的#item-group-navigation和/或給它更高specificity：

#item-group-navigation li a { 
    color: white; 
} 

#item-group-navigation li.item-group-selected a { 
    color:rgb(245, 255, 0); 
}

來源

2013-06-13 08:35:27

是不是應該是：

.item-group-selected{ 
    color:rgb(245, 255, 0) !important; 
}

。注意到分號的位置。

來源

2013-06-13 08:34:18

應該

.item-group-selected{ 
    color:rgb(245, 255, 0) !important; 
}

的;後應!important

來源

2013-06-13 08:34:38

動態添加的風格不工作

回答

相關問題