覆盖CSS样式

Question

所以我有一个很大的麻烦了解如何重写一个css规则inhered，用我的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选择器。

Answer 1

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

它的基本特异性细则的一部分..你可以在here

进一步阅读，避免!important尽可能就可以，因为它将使我们在未来的头痛信任我。使!important作为你最新的武器，当没有希望..但只要特异性仍然能够帮助，使用它。

Answer 2

您必须将样式规则定义为比.ui-widget-content a样式规则更具体。这可以做如下：

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

如果这是不可行的，你还可以标记设置为重要：

color: #FFF !important; 

Answer 3

尝试添加一个跨度中的文本在href里面像这样

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

Answer 4

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

做

Answer 5

如果您希望覆盖较早版本文档中稍后引入的CSS样式，请使用!important声明。

如：

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