CSS 헤더 스타일 지정 및 내용 수정

Question

다음과 같이 머리글이있는 매우 기본적인 스타일링 콘텐츠입니다. 보통 내용이 다음과 같은 방식으로 구성되어 있습니다 :

<h1>Main Header</h1> 
<h2>Sub Header</h2> 
<p>Content</p> 

을하지만 경우에 따라서는 서브 헤더가 존재하지 않는 나는 다음과 같은 상황이있다. 내용이 하위 헤더없이 직접 이어지는 경우 주 헤더와 내용간에 다른 여백/여백을 추가하고 싶습니다.

나는 이것을 감독 할 수있는 간단한 해결책이 있어야한다고 생각합니다.

Answer 1

사용은 adjacent sibling selector : 그것은 <h1/> 직후 인 경우

h1 + p { 
    /* ... */ 
} 

이 바로 <p/>을 선택합니다.

Answer 2

마진 - 바닥을 제거하고 마진 - 상단을 대신 사용하십시오.

margin-top: 15px (<p>) 위의 내용은 15px의 공간을 제공합니다. 단지 H1

Answer 3

h1 + p { 
    margin-top: ...; 
} 

이에 대한 overflow:hidden 속성을 시도 할 수 있습니다.

Answer 4

로 시작 페이지를 선택합니다