CSS-valitsimet käytetään valitaksesi sisällön, jonka tyyliä haluat muokata . Valitsimet ovat osa CSS-sääntöjoukkoa. CSS-valitsimet valitsevat HTML-elementit sen tunnuksen, luokan, tyypin, attribuutin jne. mukaan.
CSS:ssä on useita erilaisia valitsimia.
- CSS-elementin valitsin
- CSS-tunnuksen valitsin
- CSS-luokan valitsin
- CSS-yleisvalitsin
- CSS-ryhmän valitsin
1) CSS-elementin valitsin
Elementin valitsin valitsee HTML-elementin nimen mukaan.
ls komentaa linuxia
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> Testaa nyt Lähtö:
Tätä tyyliä käytetään jokaisessa kappaleessa.
Minä myös!
Ja minä!
2) CSS-tunnuksen valitsin
Tunnusvalitsin valitsee HTML-elementin id-attribuutin tietyn elementin valitsemiseksi. Tunnus on aina yksilöllinen sivulla, joten se valitaan yksittäisen yksilöllisen elementin valitsemiseksi.
Se kirjoitetaan hash-merkillä (#), jota seuraa elementin id.
java-syöttömerkkijono
Otetaan esimerkki tunnuksella 'para1'.
#para1 { text-align: center; color: blue; } <p id="para1">Hello Javatpoint.com</p> <p>This paragraph will not be affected.</p> Testaa nyt Lähtö:
Hei Javapoint.com
Tämä kohta ei vaikuta.
3) CSS-luokan valitsin
Luokan valitsin valitsee HTML-elementit tietyllä luokkaattribuutilla. Sitä käytetään pistemerkin kanssa. (pistesymboli), jota seuraa luokan nimi.
c# mallikoodi
Huomautus: Luokan nimeä ei saa aloittaa numerolla.
Otetaan esimerkki luokan 'keskuksesta'.
.center { text-align: center; color: blue; } <h2>Hello Javatpoint.com (In smaller font)</h2> <p>This is a paragraph.</p> Testaa nyt Lähtö:
Hei Javapoint.com
Hei Javatpoint.com (pienemmällä fontilla)
Tämä on kappale.