Преимущества использования псевдокласса :nth-child в CSS:
- Возможность выбирать элементы по их порядковому номеру внутри родительского элемента. doka.guide При расчёте порядкового номера учитываются все соседние дочерние элементы, находящиеся на одном уровне с элементом, к которому применяется псевдокласс, вне зависимости от класса и типа элемента. doka.guide
- Возможность выбрать группу элементов с общими свойствами. www.dejurka.ru Например, с его помощью можно сделать таблицу похожей на зебру, задав разные цвета фона чётным и нечётным рядам. www.dejurka.ru
- Возможность разделить элементы с общим свойством на группы и затем выбрать определённый элемент из каждой группы. www.dejurka.ru
Недостатки использования псевдокласса :nth-child:
- Риск, что селектор с :nth-child не сработает, если забыть про выборку тегов и нужный тег не окажется по счёту тем, который нужен. habr.com Поэтому при использовании :nth-child лучше указывать его от родителя и не использовать привязку к тегу. habr.com
Выбор между преимуществами и недостатками использования псевдокласса :nth-child зависит от конкретной ситуации.