이전
목록
다음
탈

여러분 클래스 중첩에대해서 아셧나용~?

내컴퓨터
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2012-08-15 (수) 13:29:13 · 1288 · 5
 
 
드디어 클래스 중첩에 대해서 알게됫습니다. 부끄부끄...
 
Class 를 한개의 Element 안에 여러개 중복해서 넣을수있더군요..
 
예를 들어 디자인을 여러개 해놓고 한개의 객체에 여러종류의 클래스 속성을 중첩해서 넣을수잇다는거죠
 
<style>
.background_red { background:red; }
.border_ccc { border:4px solid #ccccccc; } 
</style>
이런 스타일시트가잇을떄
 
<div class="background_red border_ccc"></div> 요롷게 두가지 속성을 넣을 수 있더라구요
 
신기하네요 <!Doctype Html> 에서 작업햇습니다.
|

댓글 5개

인인후지덕
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-08-15 (수) 13:38:16
이미 알던내용
슝슝당
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-08-15 (수) 13:43:09
이미 모르던 내용
전전진
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-08-15 (수) 15:29:01
그렇다면 다음의 경우는 어떻게 될까요? ^^;

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;}
곰곰토리
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-08-15 (수) 18:30:59
우선순위는 소스에 쓰여진 스타일시트 가 1순위며 클래스 중에서도 같은 파일에 존재하는게 2순위 3순위는 외부에서 가져온 파일입니다.
또한 앞의 선택자를 따라가면서 충돌이 날 경우 제일 앞의 것만 읽어오고 나머지는 처리를 안하고요
id 와 클래스가 있다면 id 를 따릅니다. id 는 단일된거라면 class 는 다중으로 사용이 가능하기 때문이죠
곰곰토리
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-08-15 (수) 18:28:23
이미 알던 내용
댓글을 작성하시려면 로그인이 필요합니다.

자유게시판

203,106건
+
제목 글쓴이 날짜 조회
12-08-15 조회 1,279
12-08-15 조회 1,427
12-08-15 조회 1,804
12-08-15 조회 1,308
12-08-15 조회 1,276
12-08-15 조회 1,205
12-08-15 조회 1,337
12-08-15 조회 1,333
12-08-15 조회 1,259
12-08-15 조회 1,335
12-08-15 조회 1,274
12-08-15 조회 1,267
12-08-15 조회 1,133
12-08-15 조회 1,234
12-08-15 조회 1,289
12-08-15 조회 1,326
12-08-15 조회 1,383
12-08-15 조회 1,330
12-08-15 조회 1,203
12-08-15 조회 1,085
글쓰기