Izbira elementov za oblikovanje

Izbirnik določa, na katere elemente HTML strani se stilne diefinicije nanašajo.

Ime elementa

Primer:

h1 {color=red;}

V tem primeru se stilna definicija nanaša na vse elemente, ki se začenjajo z oznako <h1>.

Kontekst uporabe

Primer:

h1 em {color=red;}

h1 predstavlja v tem primeru kontekst v katerem je uporabljen element <em>.

Class ali id

V tem primeru se stilna definicija nanaša na vse elemente določenih značk z ustreznim atributom class oziroma id.

Primer definicij:

p.desno {text-align=right;}

p#edinstveno_desen {text-align=right; margin=50px}

Primer uporabe definicij:

<p class="desno">Desno poravnan odstavek</p>

<p id="edinstveno_desen">Desno poravnan odstavek</p>

Stanje povezave

Povezave se lahko nahajajo v t.i. stanjih:

• a:link - privzeto,
  
• a:visited - cilj povezave smo že obiskali,
• a:focus - povezava je trenutno v središču - fokusirana (izbira s tipko tab),
• a:hover - na povezavo smo pokazali z miškinim kazalcem,
• a:active - povezava je trenutno aktivna - trenutno odprt cilj povezave.

Za vsako od navedenih stanj lahko podamo stilne definicije. Z uporabo stilnih definicij lahko tako npr. zgradimo privlačne izbirne menuje.

Primer stilne definicije:
a:link {color:red;}
a:visited {color:yellow;}
a:focus {color: olive;}
a:hover {color:green;}
a:active {color:blue;}