Descendent Selectors

Descendent Selectors let you format HTML tags differently when they appear inside certain other HTML tags or cascading style sheets.  Example: combine <h1> and <strong> and let a style for this scenerio.


 h1 strong {color:red}

Only <h1> tags typed as <h1 strong> will use the above defined style. All other <h1> tags will appear as usual.  Another example would be when you want LINKS in a LIST to appear differently on the page than LINKS on the rest of the page. To accomplish this define a style like this:


    li a {font-size: 8px;}

You can even choose to define a style that only applies to links in a special paragraph. The code would look like this:


    p.intro a {color:yellow;}

Cascading Style Sheets


Style Types