Styling elements with an ID

This is the first short paragraph. Just a sentence or two to show something with an ID. It has id="first".

This is another brief paragraph. Like the first, just a sentence or two to show something with an ID. It has id="second".

This in a normal paragraph, with no id and no special styling. The two paragraphs above can be selected to have different style rules by using their ids. Notice that the # symbol is used in the stylesheet, but NOT in the id.

This is another normal paragraph, with no id and no special styling. It is here just to be a paragraph.

The style rules

    body {background-color: white; color: black}
    #first { background-color: yellow; 
             color: blue; 
             font-size: x-large; 
             font-weight: bold; 
             }
    #second {background-color: lime; 
             color: red;  
             font-size: xx-large; 
             font-style: italic; 
             }