CSS 셀렉터

css 셀렉터는 범위를 지정해서 css를 적용할 수 있게 하는 것으로 style 시트에서 사용해서 개발 효율을 높일 수 있습니다.

/* 아래는 태그 셀렉터 입니다. 태그에 대해 스타일을 적용합니다. */
p {
	...
}

/* 아래처럼 연속해서 쓰면 앞쪽 태그 안에서 뒤쪽 태그만 적용됩니다.*/
span h1 {
	...
}

/* 콤마를 통해 구분하면 모두 적용됩니다. */
h1, h2, h3 {
	...
}

/* #은 id 셀렉터입니다. id에 해당하는 element만 적용합니다.*/
#nameId {
	...
}

/* .은 class 셀렉터입니다. 해당하는 class만 적용합니다. */
.btn3 {
	...
}

/* 특정 태그 뒤에 붙어서 사용할 수도 있습니다. */
a.btn {
	...
}