• Q&A
  • 수강신청
  • 회원가입
  • 로그인

[selector] CSS - .class1.class2 클래스선택자 ★ - 두 클래스가 함게 정의된 요소

.class1.class2 예제

 

<style>

.hz {background: yellow;}

.hz.ss {background:tomato;}

</style>


<h1>홈짱닷컴</h1>


<div class="hz ss">

  <p>Homzzang.com</p>

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

</div>


<p>웹코딩 공부하러 오세요.</p>


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

 

결과보기

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

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

 


Since 2012