여러분 클래스 중첩에대해서 아셧나용~?
드디어 클래스 중첩에 대해서 알게됫습니다. 부끄부끄...
Class 를 한개의 Element 안에 여러개 중복해서 넣을수있더군요..
예를 들어 디자인을 여러개 해놓고 한개의 객체에 여러종류의 클래스 속성을 중첩해서 넣을수잇다는거죠
<style>
.background_red { background:red; }
.border_ccc { border:4px solid #ccccccc; }
</style>
이런 스타일시트가잇을떄
<div class="background_red border_ccc"></div> 요롷게 두가지 속성을 넣을 수 있더라구요
신기하네요 <!Doctype Html> 에서 작업햇습니다.
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 5개
1. 두개 이상의 클래스가 충돌할때는?
예: <h2 class='title new'>
h2.new { color:violet; }
h2.title { color:red; }
2. 또는 여러 css 선택자가 충돌할때는?
예: <h2 id='p123' class='title'>
h2 { color:green;}
h2.title { color:red;}
h2#p123 { color:blue;}
또한 앞의 선택자를 따라가면서 충돌이 날 경우 제일 앞의 것만 읽어오고 나머지는 처리를 안하고요
id 와 클래스가 있다면 id 를 따릅니다. id 는 단일된거라면 class 는 다중으로 사용이 가능하기 때문이죠