<style>
.data { font-size:20px; }
.list { font-size:10px; }
</style>
<div class="data">DATA</div>
<div class="list">list</div>
<div class="data list">DATA</div>
<div class="list data">DATA</div>

이런 경우

어떤 결과가 나올까?



그럼

class에서 부르는 순서는 상관이 없나?

그래서 style 선언을 바꿔 보았다.

그랬더니...






신기하군..


새로운 사실이다.

style은 후선언 선적용 되는구나
중복되는 스타일이 있다면 마지막에 선언한 것이 최종으로 선택된다.



Posted by Mooki
TAG

댓글을 달아 주세요

  1. kiki 2014.08.18 10:03  댓글주소  수정/삭제  댓글쓰기

    만약 저렇게 클래스를명을 작성해놓고 그 안에 하위엘리먼트를 작성하게 되면
    그 하위 클래스 접근 방법은 어떻게 해야할가요??? 도저히 접근을 못하던데

    • BlogIcon Mooki 2014.08.18 11:18 신고  댓글주소  수정/삭제

      .data div { } 의 경우를 말씀하시는건가요?

      아니면 .data .list { }와 같이 하위에 있는 클래스를 말씀하시는건가요?