05.md

Vežbe | 5. termin

Float

• float
• clear

Position

• static (default)
• relative
• absolute
• fixed
• sticky

Selectors

Delovi selektora: tag.class[attr]

Parent-Child selector

Biranje elementa u zavisnosti od njegove lokacije u strukturi stranice.

Selektuje svaki element sa child selektorom koji je child nekog elementa sa parent selektorom:

• parent child {...} - Ne mora biti direktni child, može biti ugnježden bilo gde
• parent > child {...} - Mora biti direktni child, mora biti ugnježden direktno u parent elementu

Primer:

div.box > .content em { /* style */ }

Dati blok se primenjuje na svaki em tag koji se nelazi negde unutar strukture elementa sa content klasom, koji se nalazi direktno unutar div taga sa klasom box

Attributes

• [attr]
• [attr="value"]
• tag[attr="value"]
• tag.class[attr="value"]

Pseudo attributes and elements

• tag:first-child
• col:nth-child(2)
• p:first-letter
• tag:before
• tag:after

Anchor tag

• a:link
• a:visited
• a:hover
• a:active