요소의 첫 번째 직접 자식을 선택하기위한 CSS 선택기 란 무엇입니까?

Question

예를 들어 <p> 요소의 첫 번째 <div>을 사용하려면 어떤 선택기를 사용합니까?

는 <p> 요소의 모든 <div>들, 내가 할 것으로 활용하려면 다음 CSS에서

p > div 

합니다.

어떻게하면 되겠습니까? 처음에만 <div>이 나옵니까?

Answer 1

첫 번째 자식 선택기를 사용하면 다른 요소의 바로 첫 번째 요소를 대상으로 지정할 수 있습니다. CSS에서

<p> 
    <div>First child...</div> 
    <div>Second...</div> 
    <div>Third...</div> 
    <div>Fourth...</div> 
</p> 

:

p > div:first-child { 
    font-size: 1.5em; 
} 

편집 : 중요 당신이 p 내부 div를 사용하지 않을해야한다는 것입니다. 이 코드를 작성하여 사례에서 첫 번째 자녀를 선택하는 방법을 보여 줬지만 div을 p 안에 사용하는 것은 대단히 어렵습니다. 당신이 <div><p> 사이 </p>이 (예를 들어)처럼 사용할 때마다 : 수정을 시도합니다 브라우저

<p> <div></div> </p> 

그것을 여기에 (유효한 코드가 될 수 있습니다) :

<p></p> <div></div> <p></p> 

행운을 빕니다!

Answer 2

그런 다음 선택 그것은 맨 처음 DIV 다음 p 태그를 발견 p > div:first-child

될 것이다 태그로 p > div를 사용하는 경우.