중첩된 요소를 제외한 모든 요소에 CSS 스타일 적용

Question

예를 들어, Text1을 빨간색으로 하고 Text2는 빨간색으로 하지 않으려면:

<div class="red">
텍스트 1
<p class="notred">Text2</p>
</div>

CSS에서 이것을 시도했습니다:

.red :not(.notred) {
  색상: #ff0000;
}

이것을 시도해 보세요. Text1 또는 Text2 스타일이 적용되지 않습니다.

Answer 1

으아악

이렇게 하면 됩니다.