При создании полосатой таблицы Bootstrap с помощью Bootstrap v5.3.3 мне нужно иметь возможность отображать некоторые ячейки с красным фоном, используя класс Bootstrap "table-danger". Мне также нужно иметь возможность выделять целую строку, используя класс "table-warning". Однако я не могу получить ожидаемые результаты.
В примере ниже все ячейки последнего столбца имеют класс "table-danger". Используя CSS, я ожидаю, что все элементы td, имеющие класс "table-danger" внутри tr с классом "table-warning", будут иметь фоновый цвет #fff3cd.
Теоретически строки № 1 и № 2 должны отображать ожидаемое поведение. Однако на практике только строка № 2 отображает ожидаемое поведение. Фон строки № 1 по-прежнему красный, хотя должен быть желтым. Если я проверю ячейку "Нью-Йорк", то значение цвета фона будет таким, как и ожидалось, но оно не будет отображаться.
Я не понимаю, что является причиной такого поведения.