230203 HTML5 두 개의 클래스를 하나의 요소에 사용하기

230203

If you want two classes on one element, do it this way:

<div class="social first"></div>

Reference it in css like so:

.social.first {}

참고: http://jsfiddle.net/jyAyX/

예시) HTML

<div class="foo bar">
    <div class = "bar">
    </div>
</div>

<div class="foo">
    </div>
</div>

CSS

.foo{
    border-left: 1px solid gray;
}

.foo.bar{
    border-top: 1px solid gray;
}

.foo .bar{
   border-right: 1px solid gray;        
   width:25px;
   height:25px;
   background-color:lightgray;    
}

div{
    margin:20px;
    height:50px;
    width:50px;
    background-color:beige;
}

결과)

---