Tyylin aliluokat

Tässä dokumentissa käytetään aliluokkia strong-elementin yhteydessä. Tärkeät asiat on korostettu strong-elementillä ja erittäin tärkeät asiat on korostettu aliluokalla.

XHTML-koodi


<p>
Tässä dokumentissa käytetään aliluokkia strong-elementin yhteydessä. 
<strong>Tärkeät asiat</strong> on korostettu strong-elementillä 
ja <strong class="tarkea">erittäin tärkeät</strong> asiat on korostettu aliluokalla.
</p>

CSS (aliluokka.css)



strong {
  color: silver;
  background-color: white;
}

strong.tarkea {
  color: red;
  background-color: white;
  border: thin solid red;
}