Question

I have something as mentioned below and universal selector for span to have “font-size=15”

<span id= "outer" style="font-size:72px;">
  <span id="Inner">text</span>  
<span>       

Is there any way I can prevent universal selector to override my inner span with font-size =15
Here the span with id outer is dynamic and can have any value for font-size so I need something which wraps this whole output in some container and prevent any other css to get it override the font-size

Answer 1

you can write like this:

#outer #Inner{
 font-size:15px;
}

OR

you can use !important if nothing works.

span{
     font-size:15px !important;
    }