Szűkítés

A szűkítés szabályait analítikus módon nem tárgyaljuk.

A továbbiakban a kijelölők különböző típusai láthatók.

A harmadik feladad megoldása során 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 vomnatkozik)

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

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

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

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