2017-09-11 2 views
2

자손의 스타일을 <body> 또는 <h2> 자손의 스타일을 <div>으로 찾고 있습니다. ... 내가 :first-child를 사용하여 시도하지만이 어떤 첫 아이 것 같다 문서의 첫 번째 h1 만 스타일 지정

순수 CSS에서 "첫 <h1> <body>에서"지정하는 방법 또는 "모든 <div>의 첫번째 <h2>는"이 있습니까?

+0

왜 'id'또는 'class'를 제공하지 않는 것이 좋을까요? – ifconfig

+1

@ifconfig html 문서를 작성하는 비 기술적 인 사용자를 위해이 자료를 정리합니다. – ControlAltDel

+0

충분합니다. 나는 단지 왜 궁금했다. – ifconfig

답변

8

에 대한 자세한 정보를 원하시면 당신은 아마 :first-of-type를 원하는 :

div > h2:first-of-type { 
    color: red; 
} 

body > h1:first-of-type { 
    color: red; 
} 
+0

첫 번째 선택기 'div> h2 : first-of-type'이어야합니다. – freginold

+0

@freginold 좋은 눈. – j08691

1

first-of-type을 사용하고자 할 수 있습니다. 아래는 단일 h1의 예입니다. 이번 방문 the w3schools page

h1:first-of-type 
{ 
    color: red; 
} 
2

:first-of-type CSS 의사 class`는 형제 요소 그룹 중 해당 유형의 첫 번째 요소를 나타냅니다.

div > h1:first-of-type { 
    color: black; 
} 

body> h1:first-of-type { 
    color: black; 
} 
+0

첫 번째 선택기는'div> h2 : first-of-type'이어야합니다. – freginold

관련 문제