Question

ul li定义为float left，所以主要的li并排来了，但是第一个孩子们是如何一个接一个地来的，但看起来ul li属性应用于第一个li＆＃ 39;孩子也是..可以解释一下我

<html>
<head>

<style>
ul {

margin:0px;
padding:0px;
list-style:none;

}
ul li {
list-style:none;
float :left;
width:150px;
height:30px;
line-height:30px;
text-align:center;
background-color:yellow;

}

ul li a {
text-decoration:none;
color:red;
}



</style>
</head>
<body>

<ul>
    <li><a href="#">Home</a>
        <ul><li>Honda</li>
            <li>Maruthi</li>
            <li>Suzuki</li>
            <li>Kawaski</li>
        </ul>
    </li>
    <li><a href="#">ContactUs</a>
        <ul><li>Honda</li>
            <li>Maruthi</li>
            <li>Suzuki</li>
            <li>Kawaski</li>
        </ul>

        </li>
    <li><a href="#">Report</a></li>
    <li><a href="#">FeedBack</a></li>
</ul>

</body>
</html>

Answer 1

您正在使用后代选择器，这意味着文档中的任何li都将以这种方式设置样式。

如果您只想定位第一个ul，那些第一个li使用ul和子选择器的类，如下所示：

.first > li { }

这是你在找什么？ http://jsfiddle.net/19xxvhpt/

为什么ul li的浮左财产不适用于李的第一个孩子

1 个答案: