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

less than 1 minute read

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

Updated: