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

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

· 18년 전 · 3449
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에서 이동 됨]

댓글 작성

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

로그인하기

게시글 목록

번호 제목
12357
12356
12355
12354
12353
20387
12352
12351
12350
12349
12348
12347
12346
12345
12344
12343
12342
12341
12340
12339
12338
12337
12336
12335
12334