Szűkítés

A szűkítés szabályait analitikus módon nem tárgyaljuk.
A továbbiakban a kijelölők típusai láthatók.
A feladat megoldása során a metastruktúrális elemek jelentősége is megérthető.

Selector: elemkijelölő (p) Stílus: color: maroon. (Minden bekezdésre vonatkozik.)

Selector: osztálykijelölő (.class1) Stílus: color: red. (Minden "class1" osztályú elemre vomnatkozik.)

Selector: azonosító kijelölő (#id1) Stílus: color: green (Az "id1" azonosítójú elemekre vonatkozik.)

Selector: környezetfüggő kijelölő (div p) Stílus: color: lime (Minden <div> elemben lévő stílusra vonarkozik.)

Selector: környezetfüggő kijelölő (p.class2) Stílus: color: olive. (Minden "class2" osztályú bekezdésre vonatkozik.)

Selector: környezetfüggő kijelölő (.class2 p) Stílus: color: silver. (Minden "class2" osztályú elemben lévő bekezdésre vonatkozik.)

Selector: környezetfüggő kijelölő (#id2 p) Stílus: color: navy. (Az "id2" azonosítójú elemben lévő bekezdésre vomnatkozik.)

Csoport kijelölő: (h2;h3) Stílus: color: blue (A kettes és hármas szintű címsorokra vonatkozik.)

Kombinált kijelölő: (#id3 div.class3 p,#id3 div.class3 h4) Stílus: color: fuchsia