• Q&A
  • 회원가입
  • 로그인

[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클래스가 먼저 선언되어도 선택자 명시도에 의해서 같은 결과 나옴.

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

 

오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012