Ken Ward's Cascading
Style Sheets Tutorial


[Main Site Page: Freeing the Mind]
[Cascading Style Sheets: Contents]
[Previous: Class Selector]
[This Page: Inheritance]
[Next: Bulletted Lists]


Suppose we define the bold tag or selector as follows:

B {{color: #ff00ff;;
font-weight: bolder}

So when we say this is bold! The end word which is italic is also this colour. It inherits the colour of the parent selector, in this case bold. The HTML code is:

So when we <b>say this is <I>bold!<I><b>

The italic part is enclose within the bold tags, so it takes on the properties of the bold tag. So any properties we specify for the BODY or the Paragraph will affect the properties of the elements enclosed. Unless, of course, they are separately defined.

Let's look at bullets.