CSS 부모 선택자 선택하기

<div>부모

    <div class="자식">자식</div>

</div>

 

으로 작성해두고

 

.div div.자식 { color: #fff; }

 

으로 작성하면 부모에는 CSS가 적용되지 않고 자식이라는 단어만 흰색으로 작성되는 것으로 알고 있습니다.

 

문의하고 싶은 건 HTML이 저렇게 생겼을 경우에

자식은 제외하고 부모만을 흰색으로 CSS를 적용하고자 할 때 CSS 선택자를 어떻게 만들어야하나요?

 

단순히 div { color: #fff; }로 하면 부모와 자식 모두 흰색으로 바뀌게 되고

직접적으로 <div style="color:#fff">로 만들기에는 겹치는 부분이 많아서요.

 

'부모'라는 부분만을 선택할 수 있는 방법이 있을까요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요