Siirry sivun sisältöön Avut CSS HTML JS Wp

CSS-selektorit

Sivun taulukkoon on koottu CSS-selektoreiden perussyntaksi, sekä linkit kunkin selektorityypin esimerkki/testi-sivulle ja CSS 2.1-spesifikaation asianomaiseen kohtaan.

Syntaksi Kuvaus CSS 2.1
* Universaali selektori koskee mitä tahansa elementtiä. 5.3
elem Tyyppiselektori koskee elem-tyyppistä elementtiä. 5.4
elem elem2 Jälkeläisselektori koskee elem-tyyppisen elementin elem2-tyyppisiä jälkeläisiä. 5.5
elem > elem2 Lapsiselektori koskee elem-tyyppisen elementin elem2-tyyppistä lapsia. 5.6
elem + elem2 Viereisselektori koskee elem-tyyppistä elementtiä välittömästi seuraavaa saman emon elem2-tyyppistä elementtiä. 5.7
.xx Luokkaselektori koskee mitä tahansa elementtiä, joka kuuluu luokkaan xx. 5.8.3
#xx Tunnisteselektori koskee elementtiä, jonka yksilöllinen tunniste on xx. 5.9
[attrib] Attribuuttiselektori koskee mitä tahansa elementtiä, jolla on attrib-attribuutti. 5.8.1
[attrib="xx"] Attribuutti- ja arvo -selektori koskee mitä tahansa elementtiä, jolla on attrib-attribuutti, jonka arvo on xx.
[attrib~="xx"] Attribuutti- ja yksi arvoista -selektori koskee mitä tahansa elementtiä, jolla on attrib-attribuutti, jonka yksi arvoista on xx.
[attrib|="xx"] Attribuutti- ja ensimmäinen arvo -selektori koskee mitä tahansa elementtiä, jolla on attrib-attribuutti, jonka ensimmäinen arvo on xx.
:first-child Ensimmäinen lapsi -selektori koskee mitä tahansa elementtiä, joka on emonsa ensimmäinen lapsi. 5.11.1
:lang(xx) Kieliselektori koskee mitä tahansa elementtiä, jonka kieli on xx. 5.11.4
:link Linkkiselektori koskee vierailemattomaksi luokiteltuja linkkejä. 5.11.2
:visited Visitoitu linkki -selektori koskee vierailluksi luokiteltuja linkkejä.
:active Aktiiviselektori koskee mitä tahansa elementtiä, joka on käyttäjän aktivoima. 5.11.3
:hover Osoitusselektori koskee mitä tahansa elementtiä, joka on käyttäjän osoittamana.
:focus Kohdistusselektori koskee mitä tahansa elementtiä, jossa on kohdistus.

yksi taso ylös