[CSS] 선택자

html에 css를 주기위한 방법

1. html 태그에 직접 주는 방법

div {
	color: black;
}

div 태그에 글자색을 검정으로 지정해주는 의미

💥주의 : 모든 div태그에 적용된다는 점

2. id를 이용해 주는 방법

#new-style {
	color: red;
}

<div id="new-style">

html에서 id를 지정해주고 css에 동일한 이름의 id에 css를 주는 방식
#을 id명 앞에 적어주면 된다.

3. class를 이용하는 방법

.new-style {

color:red;

}

<div class="new-style">

id와 같은 방식이지만 #대신 .을 사용하고, id가 아닌 class를 사용한다.
가장 많이 사용하는 방법

4. 복합선택자

• 일치 선택자 : 두 가지 조건을 동시에 만족하는 요소 선택

div.new-style {
	
}

div 태그에 new-style 클래스인 경우에 적용

• 자식 선택자 : 바로 밑 하위 요소들만 가능

div>.new-style{

}

div의 자식요소 중 class="new-style"인 경우에 적용

• 후손 선택자 : 태그 안에 속한 것들 모두 가능

div .new-style {

}

div 후손 중 class="new-style"인 경우에 적용