CSS Pseudo-elemente. Toate Pseudo-elementele CSS. Toate Pseudo-clasele CSS.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Toate Pseudo-elementele CSS
Toate Pseudo-clasele CSS
| Selector | Exemplu | Descriere exemplu |
|---|---|---|
| ::after | p::after | Inserați ceva după conținutul fiecărui element p |
| ::before | p::before | Introduceți ceva înainte de conținutul fiecărui element p |
| ::first-letter | p::first-letter | Selectează prima literă a fiecărui element p |
| ::first-line | p::first-line | Selectează prima linie a fiecărui element p |
| ::selection | p::selection | Selectează porțiunea unui element selectat de un utilizator |
Toate Pseudo-clasele CSS
| Selector | Exemplu | Descriere exemplu |
|---|---|---|
| :active | a:active | Selectează legătura activă |
| :checked | input:checked | Selectează fiecare element input bifat |
| :disabled | input:disabled | Selectează fiecare element dezactivat input |
| :empty | p:empty | Selectează fiecare element p care nu are copii |
| :enabled | input:enabled | Selectează fiecare element activat input |
| :first-child | p:first-child | Selectează toate elementele p care este primul copil al părintelui său |
| :first-of-type | p:first-of-type | Selectează fiecare element p care este primul element p al părintelui său |
| :focus | input:focus | Selectează elementul input care are focus |
| :hover | a:hover | Selectează linkurile cu mouse over |
| :in-range | input:in-range | Selectează elementele input cu o valoare dintr-un interval specificat |
| :invalid | input:invalid | Selectează toate elementele input cu o valoare nevalidă |
| :lang(language) | p:lang(it) | Selectează fiecare element p cu o valoare a atributului lang începând cu „it” |
| :last-child | p:last-child | Selectează toate elementele p care este ultimul copil al părintelui său |
| :last-of-type | p:last-of-type | Selectează fiecare element p care este ultimul element p al părintelui său |
| :link | a:link | Selectează toate linkurile nevizitate |
| :not(selector) | :not(p) | Selectează fiecare element care nu este un element p |
| :nth-child(n) | p:nth-child(2) | Selectează fiecare element p care este al doilea copil al părintelui său |
| :nth-last-child(n) | p:nth-last-child(2) | Selectează fiecare element p care este al doilea copil al părintelui său, numărând de la ultimul copil |
| :nth-last-of-type(n) | p:nth-last-of-type(2) | Selectează fiecare element p care este al doilea element p al părintelui său, numărând de la ultimul copil |
| :nth-of-type(n) | p:nth-of-type(2) | Selectează fiecare element p care este al doilea element p al părintelui său |
| :only-of-type | p:only-of-type | Selectează fiecare element p care este singurul element p al părintelui său |
| :only-child | p:only-child | Selectează fiecare element p care este singurul copil al părintelui său |
| :optional | input:optional | Selectează elementele input fără atribut "necesar" |
| :out-of-range | input:out-of-range | Selectează elementele input cu o valoare în afara unui interval specificat |
| :read-only | input:read-only | Selectează elementele input cu atributul „readonly” specificat |
| :read-write | input:read-write | Selectează elementele input fără atribut "readonly" |
| :required | input:required | Selectează elementele input cu atributul „necesar” specificat |
| :root | root | Selectează elementul rădăcină al documentului |
| :target | #news:target | Selectează elementul news activ curent (faceți click pe o adresă URL care conține numele ancorării) |
| :valid | input:valid | Selectează toate elementele input cu o valoare valabilă |
| :visited | a:visited | Selectează toate linkurile vizitate |
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
