[8주차] 4. 적용범위를 지정할 때 사용하는 선택자 모두 정리***

CSS 선택자

CSS선택자는 CSS 규칙을 적용할 요소를 정의합니다.

기본선택자(인자로 요소만 가능)

1. 태그 선택자 : 1개의 태그를 명시하며, 이에 해당하는 모든 태그를 선택

2. 클래스 선택자 : 중복으로 여러곳을 선택 가능

3. id 선택자 : 단 한 곳만을 선택 가능

4. 속성 선택자 : 속성의 이름 및 그의 값을 이용한 선택 방법

5. 전체 선택자 : * 을 사용하며, 전체 요소를 지정한다.

그룹선택자(태그 뿐 아니라 다른 선택자들도 나열 가능)

6. 그룹 선택자 : 태그(요소) 혹은 선택자들을 ',' 를 사용하여 나열하여 이들 모두에 공통으로 해당하는 CSS 코드를 작성

결합자(태그 뿐 아니라 다른 선택자들도 인자로 사용가능)

7. 자식 결합자 : 부모의 바로 아래, 즉, 한다리 건너에 위치한 자식요소만을 지정하는 선택자

8. 자손 결합자 : 부모의 한다리 건너를 포함, 두다리, 세다리 쭈욱 모든 자손을 지정하는 선택자

의사 클래스/요소

9. 하이퍼링크 관련, 가상 클래스 선택자 : 마우스 포인터의 접근 상태에 따라 서로 다른 디자인을 주고자 할때

10. 순서 관련, 가상 클래스 선택자 : 같은 종류의 태그가 여러개 존재할 때 이중 n번째 요소를 지정할 때 유용한 선택자

 

 

 

선택자간 우선순위.