테스트 사이트 - 개발 중인 베타 버전입니다

부모 id class를 적용하여 같은 이름의 class에 다른 스타일 부여.

· 18년 전 · 3448
snap.gif
<style type="text/css">
#head {}
    #head .basic_font{font-family:궁서; font-size:20px; color:red;}
#middle {}
    #middle .basic_font{font-family:돋움; font-size:12px; color:green;}
#tail {}
    #tail .basic_font{font-family:굴림; font-size:30px; color:orange;}
</style>

<div id="head">
    <span class="basic_font">여기는 id:head class:basic_font</span>
</div>
<div id="middle">
    <span class="basic_font">여기는 id:middle class:basic_font</span>
</div>
<div id="tail">
    <span class="basic_font">여기는 id:tail class:basic_font</span>
</div>

부id가 상위 태그에 정의 되어 있을때, 중복 클래스네임도 다른 역할을 하게 할수있다.
페이지의 구조를 분석하여 부모 id를 잘정리를 하면 중복 class의 부담을 피해갈수있다.
즐거운 css
[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
12143
12141
12140
12139
12131
20381
12130
12129
12128
12127
12126
12122
12121
12120
346
12117
12116
12114
345
344
343
12113
12102
12101
12100