cola16k

태그나 클래스, id에 CSS 적용하는 방법은 인터넷에서 쉽게 찾을 수 있습니다.
이 포스트에서는 css에서 띄어쓰기와 ,과 .과 #에 대해 알아보려고 합니다.

id에 CSS 적용하기

/*id 이름이 body*/
#body {
 font-weight: bold;
}

class에 css 적용하기

/*class 이름이 body*/
.body {
 font-weight: bold;
}

여러가지 태그, 클래스, id에 적용하기

/*class 이름이 body이거나, id 이름이 body이거나, 태그가 body*/
.body, body, #body {
 font-weight: bold;
}

동시에 만족하는 속성에 적용하기

/*class 이름이 body이면서, id 이름이 body이면서, 태그가 body*/
.body body #body {
 font-weight: bold;
}

꼭 태그의 속성에 body인 Id와 body인 클래스가 만족될 필요는 없습니다.

네이버

id가 body인 h 태그

이런 형식으로 html이 만들어지면 naver로 링크가 걸린 ‘네이버’라는 텍스트는 body 태그이며, body 클래스를 만족하게 됩니다.
하지만 body id를 만족하지 않아 적용되지 않고, "id가 body인 h 태그"라는 글자만 만족하여 적용되게 됩니다.