Tipovi selektora
CSS selektori su deo CSS synatax-e, koji odredjuju HTML elemente na koje će se primeniti CSS pravila.
Univerzalni selektor
Univerzalni selektor se obeležava * (zvezdom), i njegova osobina je da selektuje sve elemente. Ovaj selektor se obično koristi kada se radi resetovanje stilova.
Primer
1 2 3 4 |
*{ margin: 0; padding: 0; } |
Definisani sa tipom HTML elementa
Ovo su najjednostavniji selektori i definišu se nazivom HTML elementa koji targetiraju.
Primer
1 2 3 4 5 |
p { margin-right: 0rem; padding-right: 0.5rem; text-align: justify; } |
ili
1 2 3 4 5 |
blockquote { margin-left: $leva_margina; color: #1c6c9f; font-weight: 100; } |
Definisani sa klasom elementa
Ovi selektori “gadjaju” HTML elemente koji sadrže odredjenu klasu.
Primer
1 |
<a id="super_link" class="klasa_linkovi" href="http://neka_stranica.com"<</a> |
Selektor koji targetira klasu se obeležava sa . (tačkom) ispred imena klase.
1 2 3 |
.klasa_linkovi{ color: red; } |
Definisani sa ID-om elementa
Ovi selektori “gadjaju” HTML elemente koji sadrže odredjeni ID. Obeležavaju se # znakom ispred naziva ID.
Primer
1 |
<a id="super_link" class="klasa_linkovi" href="http://neka_stranica.com"<</a> |
Selektor koji targetira element sa odredjenim ID-om se obeležava sa znakom # ispred ID-a.
1 2 3 |
#super_link{ padding: 1em; } |
Continue reading…