여러분 클래스 중첩에대해서 아셧나용~? 정보
여러분 클래스 중첩에대해서 아셧나용~?본문
드디어 클래스 중첩에 대해서 알게됫습니다. 부끄부끄...
Class 를 한개의 Element 안에 여러개 중복해서 넣을수있더군요..
예를 들어 디자인을 여러개 해놓고 한개의 객체에 여러종류의 클래스 속성을 중첩해서 넣을수잇다는거죠
<style>
.background_red { background:red; }
.border_ccc { border:4px solid #ccccccc; }
</style>
이런 스타일시트가잇을떄
<div class="background_red border_ccc"></div> 요롷게 두가지 속성을 넣을 수 있더라구요
신기하네요 <!Doctype Html> 에서 작업햇습니다.
추천
0
0
댓글 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;}
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;}
우선순위는 소스에 쓰여진 스타일시트 가 1순위며 클래스 중에서도 같은 파일에 존재하는게 2순위 3순위는 외부에서 가져온 파일입니다.
또한 앞의 선택자를 따라가면서 충돌이 날 경우 제일 앞의 것만 읽어오고 나머지는 처리를 안하고요
id 와 클래스가 있다면 id 를 따릅니다. id 는 단일된거라면 class 는 다중으로 사용이 가능하기 때문이죠
또한 앞의 선택자를 따라가면서 충돌이 날 경우 제일 앞의 것만 읽어오고 나머지는 처리를 안하고요
id 와 클래스가 있다면 id 를 따릅니다. id 는 단일된거라면 class 는 다중으로 사용이 가능하기 때문이죠
이미 알던 내용