Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
CSS Parsing Order 2
- Thread starter thedji
- Start date
-
1
- #2
Yes, this is important to know.
In general, the priority is this (from high to low):
1. inline styles
2. styles defined in <head>
3. external styles
If there are several <style> tags inside <head> their priority depends on the order of appearance in code. In this example:
<style>
p {color:green}
</style>
<style>
p {color:red}
</style>
the text colour in <p> will be red as it's definition in 2nd style overrides the 1st one.
The same way [tt]<p style="color:blue">[/tt] will override both of them.
Hope it will help.
good luck
In general, the priority is this (from high to low):
1. inline styles
2. styles defined in <head>
3. external styles
If there are several <style> tags inside <head> their priority depends on the order of appearance in code. In this example:
<style>
p {color:green}
</style>
<style>
p {color:red}
</style>
the text colour in <p> will be red as it's definition in 2nd style overrides the 1st one.
The same way [tt]<p style="color:blue">[/tt] will override both of them.
Hope it will help.
good luck
-
1
- #3
Dont forget that you can overwrite this order by using this:
a{color: red !IMPORTANT;}
so for example:
<a href=" style="color:blue"> link </a>
will still become red then.
Greetz, BobbaFet
Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
a{color: red !IMPORTANT;}
so for example:
<a href=" style="color:blue"> link </a>
will still become red then.
Greetz, BobbaFet
Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com
- Status