Destul de des este necesar să se aplice proprietatea css unui anumit element din cont. De exemplu, este folosit în editarea div, la mărfuri, știri etc. elemente.
Pentru a aplica proprietățile css primului element, de exemplu, o listă, este suficient să folosiți, după cum știm primul copil, și ultimul copil. Dar ce trebuie să faceți dacă trebuie să aplicați o anumită proprietate fiecărui bloc div 2 sau strict celui de-al cincilea. În acest caz, proprietatea n-copil ne va salva.
Această proprietate funcționează cu li, tr, p și orice alte elemente. Minus properties - nu funcționează în ie8 sau mai puțin.
Pentru a-l utiliza, trebuie să scrieți acest element: nth-child (element number);
Mai jos puteți vedea exemple de lucru sau descărca un fișier care demonstrează munca nth-copil
Exemplu: selectați al doilea element al n-copil (2)
Exemplu: selectați chiar și elemente ale n-copil (egal)
Exemplu: selectați elemente non-uniforme n-copil (impare)
Exemplu: selectați fiecare element 3 nth-child (3n), unde 3 - fiecare al treilea element. Contul de la zero.
Citiți de asemenea
- Meniul plutitor pe site cu css
- Efecte atunci când se deplasează peste o imagine în CSS3. Galeria de imagini cu mărire CSS3
- Cum se face un element de meniu activ prin jQuery
- Selectați listele de elemente ulli cu imagini
