覆蓋CSS樣式

所以我有一個很大的麻煩了解如何重寫一個css規則inhered，用我的CSS規則定義在某些類例如覆蓋CSS樣式

第一，我有這個網站

<a class="formatText" style="font-weight:bold">Accesorios 4x4</a>

我定義一個類formatText這樣

.formatText{ 
font-size:14px; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
color: #FFF; 
}

從來沒有少，因爲我使用jQuery UI的一些點與元素相匹配的規則是這樣的

.ui-widget-content a { 
    color: black; 
}

如何解決這個問題，而無需通過ID定義一個css選擇器。

2011-12-16 Jorge

.ui-widget-content a.formatText{ 
    font-size:14px; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    color: #FFF; 
}

它的基本特異性細則的一部分..你可以在here

進一步閱讀，避免!important儘可能就可以，因爲它將使我們在未來的頭痛信任我。使!important作爲你最新的武器，當沒有希望..但只要特異性仍然能夠幫助，使用它。

2011-12-16 03:37:33 bondythegreat

您必須將樣式規則定義爲比.ui-widget-content a樣式規則更具體。這可以做如下：

.ui-widget-content a.formatText { 
    ... 
    color: #FFF; 
}

如果這是不可行的，你還可以標記設置爲重要：

color: #FFF !important;

2011-12-16 03:38:34

嘗試添加一個跨度中的文本在href裏面像這樣

<a style="font-weight:bold"><span class="formatText">Accesorios 4x4</span></a>

2011-12-16 03:38:48 Robert

.ui-widget-content a.formatText { 
    color: #FFF; 
}

做

2011-12-16 03:38:58 JayC

如果您希望覆蓋較早版本文檔中稍後引入的CSS樣式，請使用!important聲明。

如：

.formatText{ 
    font-size:14px; 
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
    color: #FFF !important; 
}

2011-12-16 03:39:02 Aaron

旁白：當我第一次學習CSS，我就會用'important`因爲混淆了``，解釋爲一個邏輯運算符，使它出現的任何風格！這個聲明是** NOT **重要的，並且會被沒有聲明的樣式覆蓋。很酷的故事，我知道。有沒有其他人與此鬥爭？ – Aaron 2011-12-16 03:43:46

回答