Некоторые продвинутые способы применения псевдокласса :nth-child в веб-разработке:

• Стилизация по ключевому слову. 1 В качестве значения псевдокласса может выступать не только порядковый номер дочерних элементов, но и ключевые слова, которые определяют целую группу элементов. 1
• Стилизация по математической формуле. 1 Псевдокласс позволяет выбрать не только чётные, нечётные или дочерние элементы с определённым порядковым номером, но и элементы, заданные по элементарной математической формуле. 1
• Выбор диапазонов элементов. 3 Можно объединить несколько селекторов :nth-child, чтобы выбирать диапазоны элементов. 3 Например, :nth-child(n+3):nth-child(-n+5) выберет каждый дочерний элемент от 3-го до 5-го. 3
• Предварительная фильтрация. 3 В CSS Selectors Level 4 есть возможность передавать список селекторов в :nth-child, что позволяет предварительно отфильтровать дочерние элементы. 3 Например, :nth-child(2 of .highlight) выбирает второй подходящий элемент с классом .highlight. 3
• Применение стилей к группе элементов. 3 Можно использовать :nth-child для применения стилей к группе элементов, когда они достигают определённого размера, или стилизовать родительский элемент на основе количества его дочерних элементов. 3