선택자 유형

스타일 선언문의 선택자를 어떻게 입력하는가에 따라 스타일이 적용 될 요소가 결정된다.

요소는 하나만 선택할 수도 있고 , 여러 개를 동시에 선택할 수도 있다.

CSS는 다음과 같이 여러가지 유형의 선택자를 지원한다.

(사진출처 : 유노코딩)

css는 선택자 우선순위가 있다.

순위가 같다면 , 가장 마지막에 쓴 놈이

점수별로 순위를 매겨보면 

1. !improtant (측정불가)

2. Inline style 선언 (1000점)

3. ID 선택자(100점)

4. class 선택자 (10점)

5. Tag 선택자 (3점)

6. *(전체) 선택자 (1점)

 

상세히 적어줄 수록 좋다.

 

 

p {

color: blue !important;

}

importnat 쓰는 방법이다.