[selector] CSS - .class1.class2 클래스선택자 ★★★ - 두 클래스가 (함게・둘다・동시) 정의된 요소

.class1.class2 예제

 

<style>

.hz.ss {background:tomato;}

.hz {background: yellow;}

.ss {background:blue;}

</style>

<h1>홈짱닷컴</h1>

<div class="hz ss">

  <p>Homzzang.com</p>

  <p>홈페이지 제작관리</p>

</div>

<p class="hz">웹코딩 공부하러 오세요.</p>

<p class="ss">HTML CSS JS JQ BS JS JQ</p>

 

결과보기

※ .hz 클래스보다 .hz.ss클래스가 먼저 선언되어도 선택자 명시도에 의해서 같은 결과 나옴.

※ 두 클래스가 분리된 경우엔 자손관계.