IE6 - DIV с классом и ID

Question

У меня есть следующий HTML

<div id="nav" class="red">

some more HTML here

</div>

Следующий CSS:

#nav.red {
background: red;
}

Однако это не работает в IE6, кто-нибудь может помочь?

Answer 1

На данный момент неизвестно, почему это так, и нет реального «исправления». Вам просто нужно обойти это, изменив свой CSS. Например:

#nav{
   /*basic styles*/
}
   .red{
      /* stylings */
   }
   .blue{
      /* stylings */
   }
   .contact{
      /* stylings */
   }
   .news{
      /* stylings */
   }

См. здесь для более подробной информации и здесь для тестовой страницы.

Answer 2

просто используйте

# nav

.red { 
    background: red; 
} 

Answer 3

Вы можете использовать ie7.js, чтобы исправить ошибку. Это заставляет IE6 вести себя больше как IE7. Это должно исправить по крайней мере проблему с несколькими классами, поэтому может работать и для # id.class. Подробнее о ie7.js

В противном случае вы должны обойти это. Например

<div id="nav">
   <span class="red">hep</span>
   <span>hep</span>
</div>

и CSS

#nav {}
#nav span {color:#000;}
#nav .red {color:#f00;}

Или, если вы можете, вы можете просто изменить цвет с помощью .red и использовать #nav для общего макета. например.

#nav {float:left; padding:10;}
.red {background: #f00;}
.blue {background: #00f;}

Answer 4

Ошибка. Попробуйте это:

#nav, .red {
background: red;
}