CSS 클래스 값이 여러개인 요소 선택하기 > 개발

• 목록

• 페이스북 공유
• 트위터 공유

<div class="aaa bbb"></div>
처럼 클래스가 여러개인 요소를 선택하는 방법은,

아래처럼 클래스명을 이어 붙여서 지정해 주면 된다.
.aaa.bbb {}

여기서 클래스 사이를 띄게 되면, 하위선택자을 지정하는 구문이다.
.aaa. bbb {}

참고로, 하위선택자와 자식선택자의 차이점
.aaa .bbb {} /* 하위선택자, 여러단계 아래도 지정가능 */
.aaa > .bbb {} /* 자식선택자, 바로아랫단계의 요소만 지정 */


* 참조
https://www.cmsfactory.net/node/11369

추천0