[CSS] 중복되는 클래스 문제점? 처리?

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

이런 경우

어떤 결과가 나올까?

답은..

둘 다 list만 적용된다.

그럼

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

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

그랬더니...

이번에는

둘 다 data만 적용된다.

신기하군..

새로운 사실이다.

style은 후선언 선적용 되는구나

중복되는 스타일이 있다면 마지막에 선언한 것이 최종으로 선택된다.