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

<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}