css 클래스를 이용한 다중 선택자 관리

LikeChoonsik's·2022년 3월 31일
0

Css

목록 보기
1/6
post-thumbnail

다중 선택자

css는 여러 요소를 동시에 선택하거나 특정 클래스나 id안의 요소를 선택할 수도 있는데 이게 자주 햇깔리기에 정리하려한다.

쉼표(,)가 있는 경우

.choonsik, .ryan{}

이런 경우 일치하는 모든 요소를 선택하여 스타일을 준다.

요소 사이 공백없이 붙어있는 경우

.choonsik.ryan{}

이런 경우 choonsik과 ryan 클래스를 모두 가진 요소를 선택한다.

요소 사이 공백을 가지고 붙어있는 경우

.choonsik .ryan{}

이런 경우 클래스 내부의 요소를 선택하기 위해 사용한다. 위와 같은 경우라면 choonsik클래스 내부의 ryan클래스를 선택한 경우이다.

.choonsik ul li

이런식으로 자주 사용한다.

profile
춘식이는 너무 귀엽습니다.

0개의 댓글