CSS 특정 태그 안에 태그만 스타일 주기

●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다.

<header>

     <h1>CSS</h1>

</header>

 

만약 이런식으로,

 

내가 단순히 h1이 아니라 헤더 안에만 있는 h1한테 속성을 부여하고 싶다면,

 

header h1 {

border:1px solid red;

}

 

이런 식으로 사용하면 된다.

 

이 뜻은 상위 태그 아래 있는 하위 태그를 표시해주는 것이다.