CSS kalba turi selektorius, per kuriuos yra priskiriamos taisyklės. Selektorius tai yra ta dalis, kuri parenka kokiems html elementams bus taikomos css taisyklės. Šioje lentelėje galite matyti CSS1, CSS2 ir CSS3 kalbų versijų selektorius ir jų paaiškinimus, kurie parenka elementus pagal atributus. Lentelėje selektoriai yra tarptautine angliška išraiška parašyti tam, kad supratę šią lentelę galėtumėte lengvai susigaudyti užsienio puslapiuose. Po lentele yra simbolių ir angliškų žodžių paaiškinimai. Jei norite pilnai suprasti visus selektorius, turite gerai mokėti html kalbą. Apie html skaitykite html skiltyje.
E - bet koks html elementas
foo - betkokia reikšmė
bar - betkokia reikšmė
Selektorius | Paaiškinimas | Tipas | Nuo CSS |
* | Bet koks elementas | Universalus selektorius |
2 |
E[foo] | Elementas su atributu laužtiniuose skliaustuose, pvz.: div[width] |
Pagal atributą |
2 |
E[foo="bar"] | Elementas su atributu laužtiniuose skliaustuose ir jo konkrečia reikšme, pvz.: div[class="testas"] | Pagal atributą | 2 |
E[foo~="bar"] | Elementas, kurio atributo reikšmės yra kelios ir surašytos atskiriant tarpu, viena iš jų yra tokia kaip "bar", pvz.: div[class~="testas"] | Pagal atributą | 2 |
E[foo^="bar"] | Elementas, kurio atributo reikšmė prasideda būtent taip pat kaip "bar", pvz.: div[class~="test"] | Pagal atributą | 3 |
E[foo$="bar"] | Elementas, kurio atributo reikšmė pasibaigia būtent taip pat kaip "bar", pvz.: div[class$="test"] | Pagal atributą | 3 |
E[foo*="bar"] | Elementas, kurio atributo reikšmėje yra "bar", pvz.: div[class*="test"] | Pagal atributą | 3 |
E[foo|="en"] | Elementas, kurio atributo reikšmės yra kelios ir surašytos atskiriant brūkšneliu, reikšmės pradžia yra tokia kaip "bar", pvz.: div[class|="testas"] | Pagal atributą | 2 |
Paaiškinimas: Nuo CSS rodo nuo kelintos CSS versijos pradėtas naudoti. Visi selektoriai aprašyti straipsnyje CSS selektoriai