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.

About Mihai

Mare " afacerist " cu simt anteprenorial, dar fara prea multi bani in buzunar . In orice moment accept propuneri banoase si afaceri nemiloase.

Posted on 10/06/2013, in Profesia mea and tagged , , , , , . Bookmark the permalink. Lasă un comentariu.

Lasa un comentariu

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s

%d blogeri au apreciat asta: