/* CSS Example 2 ("CSSEg2.css"): CSS Class and ID Selectors */ /* Rule 1: Apply to the element and possibly its descendants */ body { font-family: "Segoe UI", Tahoma, Helvetica, Arial, Verdana, sans-serif; font-size: 14px; /* in pixels (px) */ margin: 5px 15px 5px 15px; /* top right bottom left - no commas in between */ padding: 0; } /* Rule 2: Apply to

to

elements / h1, h2, h3, h4, h5, h6 { color: red; font-weight: bold; text-align: center; } / Rule 3: Apply to element with id="header" and id="footer" / #header, #footer { background-color: #eee; / light gray, same as #eeeeee / } / Rule 4: Apply to element with id="footer" / #footer { text-align: right; } / Rule 5: Apply to all elements having class="new" / .new { color: red; } / Rule 6: Apply to all elements having class="new" */ .highlight { background-color: yellow; }