하나의 css 로 여러개의 게시판 스킨의 스타일을 만들고 싶은데요. 채택완료

 </p><p><div class="type01"><----- 이 부분의 class name만 변경하면 전체적으로 다른 스타일이 됩니다.
    <h1>기본게시판</h1>
    <div class="info">
        <span class="author">글쓴이 : 홍길동</span>
        <span class="date">날짜 : 2014-08-09</span>
    </div>
    <div class="contents">안녕하세요 호일동입니다.</div>
</div>

.type01 h1{color:#f00}
.type01 .info{font-size:14px}
.type01 .contents{background:#fff}

.type02 h1{color:#fff}
.type02 .info{font-size:17px}
.type02 .contents{background:#fff}

.type03 h1{color:#6666}
.type03 .info{font-size:22px}
.type03 .contents{background:#fff}</p><p>