Izbirniki CSS so uporabljeni da izberete vsebino, ki jo želite stilizirati . Izbirniki so del nabora pravil CSS. Izbirniki CSS izberejo elemente HTML glede na njihov ID, razred, vrsto, atribut itd.
V CSS obstaja več različnih vrst izbirnikov.
- Izbirnik elementov CSS
- Izbirnik ID-ja CSS
- Izbirnik razreda CSS
- Univerzalni izbirnik CSS
- Izbirnik skupine CSS
1) Izbirnik elementov CSS
Izbirnik elementov izbere element HTML po imenu.
mylivecricket.
p{ text-align: center; color: blue; } <p>This style will be applied on every paragraph.</p> <p id="para1">Me too!</p> <p>And me!</p> Preizkusite zdaj Izhod:
Ta slog bo uporabljen za vsak odstavek.
Jaz tudi!
In jaz!
2) Izbirnik CSS Id
Izbirnik id-ja izbere atribut id elementa HTML, da izbere določen element. ID je znotraj strani vedno edinstven, zato je izbran za izbiro enega, edinstvenega elementa.
Zapisan je z opornikom (#), ki mu sledi ID elementa.
niz nadomesti vso javo
Vzemimo primer z ID-jem 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Preizkusite zdaj Izhod:
Pozdravljeni Javatpoint.com
To ne bo vplivalo na ta odstavek.
3) Izbirnik razreda CSS
Izbirnik razreda izbere elemente HTML z določenim atributom razreda. Uporablja se s piko. (simbol pike), ki mu sledi ime razreda.
java scan.nextstring
Opomba: Ime razreda se ne sme začeti s številko.
Vzemimo primer s 'centrom' razreda.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Preizkusite zdaj Izhod:
Pozdravljeni Javatpoint.com
Pozdravljeni Javatpoint.com (z manjšo pisavo)
To je odstavek.