Adding more style rules to a CSS file We just learned that text inside the Heading 3 tag subsection title can be decorated by the following lines (called style rules) in the CSS file: h3 { font-size: 20px; border-bottom-color: dotted; border-bottom-width: 1px; } When we have two Heading 3 tags that need to be styled differently, we can use this technique: First, add class attribute in the h3 tag:.blueClass { color: #00F; }.greenClass { color: #0F0; } In the CSS file, rule names that start without a period (.) is used to decorate tags with the same name (e.g.
{}