html - override CSS style or add to it? -
i have template has lot of css formatting, when try add text cannot add formatting it. within paragraph, try put superscripts, italics, nothing works. there way around this?
here's little explaination overiding css
i'll take example simple html :
<div id='home' class='current'></div>
if have, example, css like
#home{color : blue;} .current{color : orange;}
the text blue since #home "stronger"
if put values selector: id=10 class=5 node selector (div) = 1
so #home = 10 , higher .current wich equal 5, #homestyles override.
you use li.current again, 5+1=6 wich lower id.
but #home.current equal 15! wich overide #home styles!
but if color style on node within attribute style="" have remove jquery or use !important :
.current{ color: blue !important; }
it override every css not recommended.
note value using not exact one, .parentclass .class
maybe not on id , can't find original values... keep in mind more selective are, more chance have override style.
at last, if have 2 selector same value, last 1 called 1 overriding.
use chrome inspector or firebug see what's overriding what.
Comments
Post a Comment