CSS selektori su korišteni za odabir sadržaja koji želite stilizirati . Selektori su dio skupa CSS pravila. CSS selektori biraju HTML elemente prema njihovom ID-u, klasi, vrsti, atributu itd.
U CSS-u postoji nekoliko različitih vrsta selektora.
- Birač CSS elemenata
- Birač CSS ID-a
- Birač CSS klasa
- CSS univerzalni birač
- Odabir CSS grupe
1) Birač CSS elemenata
Selektor elementa odabire HTML element po imenu.
java virtualni stroj
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> Testirajte sada Izlaz:
Ovaj stil će se primijeniti na svaki odlomak.
Ja isto!
I mene!
2) Birač CSS ID-a
Id birač odabire id atribut HTML elementa za odabir određenog elementa. ID je uvijek jedinstven unutar stranice pa se odabire jedan, jedinstveni element.
Piše se s hash znakom (#), iza kojeg slijedi id elementa.
poravnavanje slike u css-u
Uzmimo primjer s ID-om 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Testirajte sada Izlaz:
Pozdrav Javatpoint.com
Ovaj stavak neće biti zahvaćen.
3) Izbornik CSS klasa
Selektor klase odabire HTML elemente s određenim atributom klase. Koristi se sa znakom točke. (simbol točke) nakon čega slijedi naziv klase.
string add
Napomena: naziv klase ne smije započeti brojem.
Uzmimo primjer s klasom 'centar'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Testirajte sada Izlaz:
Pozdrav Javatpoint.com
Pozdrav Javatpoint.com (manjim fontom)
Ovo je paragraf.