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