selectors hierarchy in CSS
Posted: Thu Dec 18, 2008 6:24 pm
Hi,
I've noticed that when using the WebDev tool bar and activating the 'View Style Information' option and hovering over, say, thumbnail font, there is
a hierarchy of selectors that is displayed in the title bar of the style information.
For example: html>body>div #page-1>div.thumbnails>center>table>tbody>tr>td.thumbnail>font
Where are the rules that define the font to be inside the td.thumbnail? Or some CSSs I've noticed that the font is replaced by 'b' tbody>tr>td.thumbnail>b
Im asking this because when I want to change the td.thumbnail font color to a different color, it does not change when modifying the font selector color.
Hope my question is clear cause this is very frustrating.
Danny
I've noticed that when using the WebDev tool bar and activating the 'View Style Information' option and hovering over, say, thumbnail font, there is
a hierarchy of selectors that is displayed in the title bar of the style information.
For example: html>body>div #page-1>div.thumbnails>center>table>tbody>tr>td.thumbnail>font
Where are the rules that define the font to be inside the td.thumbnail? Or some CSSs I've noticed that the font is replaced by 'b' tbody>tr>td.thumbnail>b
Im asking this because when I want to change the td.thumbnail font color to a different color, it does not change when modifying the font selector color.
Hope my question is clear cause this is very frustrating.
Danny