Home/ Questions/Q 6936577
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T12:15:05+00:00

So I have a big trouble understanding how to override a css rule inhered,

  • 0

So I have a big trouble understanding how to override a css rule inhered, with my css rules define in some class for example

first i have this html 

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

And I defined a class formatText like this 

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

Never the less, because i’m using jquery-ui in some point the rule that match with the element is this 

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

How can fixed this without defined a css selector by ID.??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

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

    it’s a part of basic specificity rules.. you can read further in here

    and avoid !important as possible as you can because it will give us headache in the future trust me. make !important as your latest arsenal when there’s no hope..but as long as specificity still able to help, use it.

    • 0