다중 선택자

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

쉼표(,)가 있는 경우

.choonsik, .ryan{}

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

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

.choonsik.ryan{}

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

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

.choonsik .ryan{}

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

.choonsik ul li

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