CSS의 이전 인접 셀렉터

Question

CSS에 앞에 div.carrots 앞에 오는 방법이 있습니까? 이 경우 우리는 뭉크을 얻지 만 은이 아닙니다.

<p>Munch Munch!</p> 
<div class="carrots"> 
</div> 

<p>Burp!</p> 
<div class="potatoes"> 
</div> 

Answer 1

"이전 형제"선택자는 없습니다. adjacent and general combinators 만 대상 형제가 이어야합니다. 첫 번째는입니다. .

:이 경우 <p>을 선택하기 위해, 당신은 말 (일부 요소 .container을 내용을 둘러싸고 선택기로 .container p:first-child을 사용할 수 있습니다 난 당신이 중 하나를했다면 상황이 모두 다른 것 생각하지 않는다에서

<div class=carrots> 
    <p>Munch Munch!</p> 
    <div> 
    </div> 
</div>