다중 클래스 적용 관련 IE6의 문제점

DIV { border:2px solid black;} DIV.blue{ background-color:blue;} DIV.red{ background-color:red;} DIV.blue.red{ background-color:#F0F;}

---

chrome, IE7,IE8

blue red blue red red blue

---

IE6

blue red <— 이부분이 적용 안됨. blue red red blue

위와 같은 DIV { border:2px solid black;} DIV.blue{ background-color:blue;} DIV.red{ background-color:red;} <— 이 선언은 무시되고  DIV.blue.red{ background-color:#F0F;} <— 이 선언으로 .red가 적용된다.

---

🔗original-link