Еще один камушек в сторону IE6 :D

    Сегодня наткнулся на это, и долго не мог понять в чём дело. Дело в том, что IE6 не матчит селектор id.class больше одного, но в то же время матчит дочерние селекторы через такие объявления.

    Картинка:
    image

    Живой пример

    Вот как так?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="ru">
        <head>
            <meta http-equiv="content-type" content="text/html;charset=utf-8">
            <title>Ie bg test</title>
            <style type="text/css">
                #testbg {
                    width:200px;
                    height:200px;
                    }

                #testbg.blue { /* это правило работает в IE */
                    background:blue;
                    }

                #testbg.red { /* это не работает, но если его поместить выше первого - сработает :D */
                    background:red;
                    }

                #testbg.green { /* это тоже не работает, но если его поместить выше первого - сработает :D */
                    background:green;
                    }
                
                #testbg.red p {
                    color:blue;
                    }

            </style>
        </head>
        <body>
            <div id="testbg" class="red">
                <p>
                    IE6 нам, как бы, намекает,что красного фона не будет. Тем не менее , цвет текста этого параграфа синий :D
                </p>
            </div>
        </body>
    </html>


    * This source code was highlighted with Source Code Highlighter.

    Similar posts

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 0

    Only users with full accounts can post comments. Log in, please.