CSS исключить вторичную таблицу из nth-child

Question

мой CSS выглядит следующим образом. первый работает хорошо

.tbl_flowers tr:nth-child(even) {
background-color: #c2ddf2;
}

однако у меня есть таблица, которая имеет в последней ячейке каждой строки вторичный класс таблицы tbl_points

.tbl_trees:not(.tbl_points) tr:nth-child(even) {
background-color: #dff0d8;
}

что происходит, что строки в tbl_points обрабатываются так, как если бы они были строками в tbl_trees Viz: если выбрана строка tbl_trees, все ее строки tbl_points окрашены, если строка tbl_trees НЕ выбрана, ее строки tbl_points окрашиваются поочередно ...

Я думаю, что НЕ знаю, как использовать исключение "не" ... два дня разочарований!

пример: здесь .

Спасибо, Ричард

Answer 1

Ответ очень простой ... Я нашел его здесь. css в таблицах внутри таблиц

По сути, все, что было необходимо, это улучшить селектор до следующего:

.tbl_trees > tbody > tr:nth-child(even) { 
  background-color: #dff0d8;
}

Так просто, когда начинаешь понимать, как работает селектор.

Спасибо за помощь в любом случае ... и теперь я обнаружил, как пост фрагменты ... необходимо исправить "сообщение об ошибке" при вставке кода! Заставил меня поступить неправильно.

Ричард