IE8에서는 CSS의 중첩 된 선택기가 작동하지 않지만 IE6에서는 작동합니까?

안녕하세요 아래 코드는 IE6에서 잘 작동하지만 IE8에서는 문제의 원인을 알 수 있습니까? 당신은 .foo .bar를 찾고 있습니다 .foo.barIE8에서는 CSS의 중첩 된 선택기가 작동하지 않지만 IE6에서는 작동합니까?

.bar대로 처리함으로써이 버그를 가지고 있기 때문에

<html> 
<head> 
<style type="text/css"> 
    .dataSection { 
    font-weight:bold; 
    color:#fff;font-family:Verdana, Arial, Helvetica; 
    text-align:left; 
    background-color:#004E82; 
    padding:2px 4px 2px 2px; 
    } 
    .dataSection.header { 
    font-weight:bold; 
    color:#fff; 
    font-family:Verdana, Arial, Helvetica; 
    text-align:left; 
    background-color:#004E82; 
    padding:2px 4px 2px 2px; 
    } 
</style> 

</head> 
<body> 
<table class="DataSection"> 
<tr> 
    <td class="header">Summary</td> 
</tr> 
</table> 
</body> 
</html>

출처

2010-08-16 PRAVEEN

귀하의 CSS는 잘못, 그냥 Internet Explorer 6에서 작동하는 것 같다. 즉 "클래스 foo를 가진 요소의 자손 인 클래스 바를 가진 요소"와 "클래스 foo와 bar가 둘 다있는 요소 (<div class='foo bar'>과 같은 요소)"입니다.

출처

2010-08-16 19:51:13 Quentin

실제로 언급 된 마지막 클래스입니다. – ajm

@ajm - 감사합니다. 나는 불확실성에 대한 나의 진술을 삭제했다. – Quentin

... 그리고 질문이 추측에 대한 의견을 삭제하도록 수정되었습니다. 이제 질문이 업데이트되었습니다. – Quentin

IE8에서는 CSS의 중첩 된 선택기가 작동하지 않지만 IE6에서는 작동합니까?

답변

관련 문제