Каким образом задать свойства для конкретной таблицы?

Question

[Максим Тюльпаков]

.it tr:nth-child(2),:nth-child(6),:nth-child(8),:nth-child(9),:nth-child(10),:nth-child(11),:nth-child(17),:nth-child(18),:nth-child(23),:nth-child(26),:nth-child(31),:nth-child(32),:nth-child(33),:nth-child(34){
    color: green;
}

Я хочу изменить цвет текста указанных строк в таблице с классом .it
Но по каким-то причинам данные изменения касаются всех остальных таблиц сайта... Что не так?

Answer 1

[Максим Тимофеев]

Потому что .it указано 1 раз и срабатывает для .it tr:nth-child(2), а :nth-child(6) вообще срабатывает для всех 6-х элементов
К тому же в коде у Вас .it, а в задаче .ti
Вероятно должно быть так:

.it tr:nth-child(2), .it tr:nth-child(6), .it tr:nth-child(8), .it tr:nth-child(9), .it tr:nth-child(10), .it tr:nth-child(11), .it tr:nth-child(17), .it tr:nth-child(18), .it tr:nth-child(23), .it tr:nth-child(26), .it tr:nth-child(31), .it tr:nth-child(32), .it tr:nth-child(33), .it tr:nth-child(34){
    color: green;
}

Comments

[Максим Тюльпаков]

))) Все гениальное просто. Тогда вопрос, можно как-то сократить написанное?

[Максим Тюльпаков]

Здесь вычитал https://htmlacademy.ru/demos/2#step14 , что можно последовательно выбор делать. Но у меня так не работает...

[Максим Тимофеев]

Максим Тюльпаков: Упростить можно, если есть какая-то логика в последовательности, по Вашему набору цифр ее уловить не могу.

[Максим Тюльпаков]

Максим Тимофеев: логики нет, это просто хаотичный выбор... Ссылку какую скинул, в ней вроде как без запятой последовательно указаны псевдоклассы, у меня такого достичь почему-то не получается. Сокращение было бы отличное..it tr:nth-child(2):nth-child(6) и т. д.

[Максим Тимофеев]

Максим Тюльпаков: нет, без запятой - так не бывает. Сокращение может быть только за счет формулы :nth-child(n+3) и т.д. Но это возможно при наличии какой-то логики в построении ряда чисел. Если ряд большой и он хаотичен, то возможно стоит просто задать всем нужным tr class и стили через class.

[Максим Тюльпаков]

Максим Тимофеев: кстати, действительно так лучше. Т.к. стоит убрать любой элемент из списка (нарушить последовательность) и все свойства перебивать приходится ))). Спасибо!

Answer 2

[Дмитрий Поляков]

Нужно повторять всю конструкцию:

.it tr:nth-child(2), .it tr:nth-child(6), .it tr:nth-child(8), .it tr:nth-child(9) ... {
  ...
}