Arhive blog

Cum sa modifici primul element dintr-o lista de elemente (First-child)


La un proiect am avut de modificat paddingul la primul element si la ultimul element dintr-o lista.

Ei bine, codul css pentru a „apela” primul sau ultimul element dintr-o lista fie ordonata sau nu, este acelasi cu cel pentru a modifica orice prim element fie el dintr-o lista, tabel, div sau orice altceva.

Deci, primul paragraf(p), prima celula(td) sau rand(tr) sau element din lista(li) se va apela folosind first-child, iar pentru ultimul last-child. Acestea sunt pseudo-elemente.

Prin urmare, pentru paragraf avem:

p:first-child{

color: black;}

p:last-child{

color: red;}

 

Inlocuind p cu elementul dorit sa fie modificat puteti folosi codul pentru td, tr, a, img, h1 si asa mai departe.

Puteti folosii chiar si clase sau iduri in combinatie cu aceste „apelari”:

Deci primul paragraf care se afla in clasa text va avea culoarea verde.

%d blogeri au apreciat: