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
*{
margin: 0;
padding: 0;
}
Definisani sa tipom HTML elementa
Ovo su najjednostavniji selektori i definišu se nazivom HTML elementa koji targetiraju.
Primer
p {
margin-right: 0rem;
padding-right: 0.5rem;
text-align: justify;
}
ili
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
<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.
.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
<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.
#super_link{
padding: 1em;
}