반응형
CSS 선택자 종류
기본선택자, 복합선택자, 가상 클래스 선택자, 가상요소 선택자, 속성 선택자
기본 선택자
전체 선택자(*) 에스터리스트 : 모든요소를 선택
* {
}
태그 선택자 : 태그이름이 x인 요소 선택
x {
}
클래스 선택자 : HTML class속성의 값이 x인 요소 선택
.x{
}
아이디 선택자 : HTML id 속성의 값이 x인 요소 선택
#x{
}
복합선택자
일치 선택자 : 선택자 x와 y를 동시에 만족하는 요소 선택
x.y{
}
자식 선택자 : 선택자 x의 자식요소 y 선택
x > .y{
}
하위 선택자 : 선택자 x의 하위요소 y선택(띄어쓰기가 선택자의 기호)
x .y{
}
인접 형제 선택자 : 선택자 x의 다음 형제요소 y 하나를 선택
.x + y{
}
일반 형제 선택자 : 선택자 x의 다음 형제요소 y 모두를 선택
.x ~ y{
}