Псевдокласс nth child

Ю2сайт

Создание сайтов

Псевдокласс nth child


Самый лучшее обучение это обучение на примерах, поехали:

 

nth-child(1)   первый элемент

 

 
 

nth-child(3)  третий элемент

 

 
 

nth-child(odd)  каждый нечетный элемент

 

 
 

nth-child(even) каждый четный элемент

 

 
 

nth-child(3n) каждый третий элемент

 

 
 

nth-child(n+4) все элементы начиная с четвертого

 

 
 

nth-child(-n+4)  все элементы заканчивая четвертым