selector 연산자 종류

eeensu·2023년 7월 30일

css

목록 보기
2/5
post-thumbnail

: hover

마우스를 올리면 적용

&: hover {} 


+

A 다음에 바로 오는 B에게 적용

A + B {} - 


~

A와 B가 같은 부모를 공유하고, A 다음에 오는 모든 B 태그에게 적용

A ~ B {}


.

A 태그에 something이라는 className이 있으면 적용

A.something {} 


. &
부모의 className이 something-else 이면 본인 태그에 적용

.something-else & {} 
profile
안녕하세요! 프론트엔드 개발자입니다! (2024/03 ~)

0개의 댓글