Переопределение стиля CSS

Question

Так что у меня большие проблемы с пониманием, как переопределить правило CSS inhered, с моими правилами CSS определяют в некотором классе, например

первый у меня есть этот HTML

<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; 
} 

Как можно установить это без указания селектора css по ID. ??

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

попробуйте добавить промежуток вокруг текста внутри A 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; 
}