日期:2014-05-18  浏览次数:20449 次

CSS中的大于号肿么就不好用那?
以下是代码:
HTML code


<html>
    <head>
        <title></title>
    <style type="text/css">
    #div1
    {
        width:500px;
        border:solid 1px black;
    }
    
    #div1 > DIV
    {
        color:Red;    
    }
    
    </style>
    </head>
    <body>
    <div id="div1">
    here is parent
    <div id="childDiv1">childDiv1
        <div id="childDiv1-1">
            childDiv1-1
        </div>
    </div>
    <div id="childDiv2">childDiv2</div>
    <div id="childDiv3">childDiv3</div>
    <div id="childDiv4">childDiv4</div>
    </div>
    
    </body>
</html>




注意不生效的是如下的代码:
CSS code

    #div1 > DIV
    {
        color:Red;    
    }



如果改成:
CSS code

    #div1  DIV
    {
        color:Red;    
    }



就生效了,但是不是我要的效果。
请帮忙看看,谢谢

------解决方案--------------------
子选择器不被IE6支持
------解决方案--------------------
显示完全正常啊,我怀疑你想要写的样式是这个:

CSS code
    #childDiv1 > div {
        color:Red;    
    }

------解决方案--------------------
我也发现过这个问题。最终也没知道原因