CSS nth-child tricks

03 Августа 2020 17:48

Выборка определенных элементов

tr:nth-last-child(-n+4)

Находит 4 последние записи конкретного элемента

span:nth-last-child(even)

Ищет чётные элементы в родительском элементе, начиная с последнего элемента и работая задом наперёд.

p:nth-last-of-type

Последний элемент среди своих соседей своего типа

p:nth-last-of-type(4n)

Выбирает каждый четвёртый элемент <p> среди любой группы соседних элементов, отсчёт начинается с последнего элемента

div:only-child

Находит любой элемент, являющийся единственным потомком родителя