카테고리 없음

[HTML]css고급선택자

개발한이 2022. 8. 16. 12:50

연결 선택자 : 선택자와 선택자를 연결해 적용 대상을 제한하는선택자.

 

연결선택자 안에 선택자

하위 선택자(descendant selector)
부모 요소에 포함된 모든 하위 요소에 스타일이 적용된다
자식 요소뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용
하위 선택자를 정의할 때는 상위 요소와 하위 요소를 나란히 쓴다.

자식 선택자(child selector):
자식 요소에 스타일을 적용하는 선택자
두 요소 사이에 ‘>(부등호)’를 표시해 부모 요소와 자식 요소를 구분

인접 형제 선택자(adjacent selector)
같은 부모를 가진 형제 요소 중 첫 번째 동생 요소에만 스타일 적용
요소1과 요소2 사이에 ‘+’ 기호 사용
요소1과 요소2는 같은 레벨이면서 요소1 이후 첫번째 요소2에 적용

형제 선택자(sibling selector)
형제 요소들에 스타일 적용
인접 형제 선택자와 다른 점은 모든 형제 요소에

 

속성선택자

가상클래스