[CSS] 기타 선택자

1. 속성 선택자

 

스타일을 부여하고자 하는 요소 내에 작성되어있는 속성을 이용해서 선택하는 방법

기본선택자 뒤에 []를 이용해서 속성과 속성값을 제시해서 선택하는 방법

 

 

 

 

 

2. 자손선택자와 후손선택자

 

• 자손 : 바로 하위 요소들
• 후손 : 하위 요소들 전부

 

 

 

 

3. 동위(같은레벨) 선택자

 

동위 관계(같은 레벨) 선택자

 

 

 

 

 

4. 반응 선택자

 

마우스의 반응에 따른 속성을 설정 할 수 있다.

 

 

 

 

5. 상태 선택자

 

요소의 상태에 따라서 선택되는 선택자

선택할 수 있는 상태의 종류

1. checked 상태
2. focus 상태
3. enabled 상태
4. disabled 상태

---

- 선택자 우선순위

 

기본적으로 css는 스타일이 위에서 아래 순으로 적용됨

동일한 요소를 다양한 선택자로 css가 부여된 경우 우선순위에 다라 적용된다.

 

*선택자 우선순위(높은순)*

1. !important (권장하지 않음)
2. 인라인 스타일 방식
3. 아이디 선택자
4. 클래스 선택자
5. 태그 선택자