Используйте селектор :not, чтобы исключить элемент div и всех его потомков. ⇐ CSS

[Anonymous]

У меня есть ситуация, когда стиль фиолетового цвета шрифта со светло-желтым фоном необходимо применить ко всем элементам div за пределами элемента div, имеющего класс RadDiv.

Это означает, что все элементы div, вложенные в элемент div с классом RadDiv, должны быть исключены.

Я попробовал использовать селектор :not, как показано ниже, но он не работает. Демонстрация моей ситуации

Вопрос: Как мне указать селектор :not, чтобы исключить элемент div с классом RadDiv< /code> и все вложенные элементы div внутри этого элемента управления?

: не селектор, который не работает

div:not(.RadDiv) div {
background-color:lightyellow;
color:purple;
}


Полный код, который я пробовал

This is a div


This is the header

This is an outer div

This div stands out

This is the footer part




This is div inside a table element




This is div1
This is div2

div:not(.RadDiv) div {
background-color:lightyellow;
color:purple;
}
.outerDiv {
border:1px solid red;
font-family:Arial;
}
.footer {
color:lightgray;
font-size:small;
font-style:italic;
}
.header {
font-weight:bold;
}


Подробнее здесь: https://stackoverflow.com/questions/380 ... escendants