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

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

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

댓글 작성

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

로그인하기

게시글 목록

번호 제목
12413
12412
12411
12410
12407
12406
12405
12404
12403
12402
12401
12400
12399
12398
12397
12396
12395
12394
12393
12392
12391
12390
12389
12388
12387