Selektory typu třída: ukázka

Nadpis prvního článku

Michal Houda

V tomto článku se dozvíte ...

Nadpis druhého článku

Radim Remeš

Dnes se k nám dostala informace ...

Definice stylového předpisu vypadá takto:

h1 { text-align: center; font-variant: small-caps; }

h1.titulek-clanku { text-align: left; border-bottom: 1px solid gray; }
.autor { font-weight: bold; color: blue; }
.headline { font-style: italic; } 

Všimněte si rozdílu mezi obyčejným nadpisem h1 a nadpisem s vyznačenou třídou titulek-clanku. A podobně pro odlišnosti mezi odstavci označenými různými třídami.