覆盖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

回答