[HTML/CSS] 클래스 명과 다중 선택자(.class.class 와 .class .class)

CSS에서 다중 선택자로 여러 속성을 동시에 선택하여 적용할 수 있다.

 

.class .class

위와 같이 .class 사이에 공백이 존재하는 경우, 하위 개체로 지정합니다.

만약.

.samsung .phone .galaxy

삼성클래스 내부에 폰 내부에 갤럭시에만 스타일을 적용한다.  라는 뜻입니다.

 

.class.class

위와 같이 공백이 없다면, 클래스 속성 모두 설정된 곳에만 스타일을 적용합니다.

.samsung.phone

삼성과 폰 모두가 있어야 스타일을 적용합니다.