CSS селектор на IE - PullRequest
Новая
       6

CSS селектор на IE

1 голос
/ 30 марта 2010

Я использую селектор .class1.class2 .class3, где .class1.class является комбинированным селектором, а .class3 принадлежит потомку. отлично работает в FF, но в IE7 не работает. В CSS ниже, второй стиль всегда отображается в IE. любое решение? 

 
<STYLE type="text/css">
.test1.test2 .test3{
    width:90px;
    height:100px;
}
.test4.test2 .test3{
    width:900px;
    height:100px;
}
</style>


<div class="test1 test2">
    <button value="test" class="test3"/>
</div>

Ответы [ 3 ]

4 голосов
/ 30 марта 2010

только для того, чтобы вы знали, что вы используете, называется Несколько классов метод! IE7 необходимо использовать эту форму: 

div.class1.class2 div.class3 {}

IE6 не мешайте этому, вы можете взломать его, прочтите решение

http://www.quirksmode.org/css/multipleclasses.html

надеюсь, что это поможет!

1 голос
/ 30 марта 2010

Этот стиль должен отлично работать на IE7 +. Как сказал Пекка в комментариях, существует небольшая проблема с IE6 . Я предполагаю, что вы, возможно, не используете строгий тип документа?
В этом случае вы заслуживаете всего, что получаете: -o

Просто добавьте <!doctype html> в начало HTML-файла, и все должно быть в порядке.

0 голосов
/ 30 марта 2010

Используйте Условные комментарии , эта проблема поднималась слишком много раз. Вот пример: 

<!--[if lte IE 9>
<style type="text/css">
.test1,.test2,.test3{
    width:90px;
    height:100px;
}
.test4,.test2,.test3{
    width:900px;
    height:100px;
}
</style>

<![endif]-->

Это означает, что все браузеры семейства IE до версии 9 будут читать в этом стиле, или вы можете использовать стиль с # для чтения IE следующим образом: 

<STYLE type="text/css">
.test1,.test2,.test3{
    #width:90px;
    #height:100px;
}
.test4,.test2,.test3{
    #width:900px;
    #height:100px;
}
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...