如何将css样式仅应用于child

Question

我试图只将css样式应用于ul的子项，而不是ul的孙子项。但在这里我不能帮我做这件事，提前谢谢。我在这里试过

我的html在这里

<div class="list">
<ul>
   <li><img src="http://i.imgur.com/BiiwC.jpg" /></li>
   <li>
       <ul>
           <li><h3>Photos</h3></li>
           <li><p>See more photos</p></li>
       </ul>
   </li>
   <li> <img src="http://i.imgur.com/BiiwC.jpg" /></li>
   <li>
       <ul>
           <li><h3>Video</h3></li>
           <li><p>Watch video</p></li>
      </ul>
  </li>

我的Css在这里

.list ul li{float:left;list-style:none;}​

Answer 1

你试过这个吗？

.list ul>li{float:left ;list-style:none ; }
.list ul li ul li{float:none!important;list-style:none !important; }

这是演示http://jsfiddle.net/vY6RG/4/

Answer 2

使用>选择器，例如.list ul > li