.class1.class2 예제 - 두 클래스가 모두 정의된 요소 선택 .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> 결과보기
<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클래스가 먼저 선언되어도 선택자 명시도에 의해서 같은 결과 나옴.
요소에 지정 클래스가 모두 정의된 요소를 선택. 1. cf. .class1 .class2 선택자 - 두 클래스가 분리된 경우엔 자손관계임. 2. 모든 브라우저 지원.
요소에 지정 클래스가 모두 정의된 요소를 선택.
1. cf.
.class1 .class2 선택자 - 두 클래스가 분리된 경우엔 자손관계임.
2.
모든 브라우저 지원.
<style>.class1.class2 { ... }</style> <element class="class1 class2">...</element>
<style>.class1.class2 { ... }</style>
<element class="class1 class2">...</element>