Question

我正在尝试将css样式仅应用于ul的子节点而不是ul的大孩子。但在这里我无法帮助我做到这一点，在此先感谢。 I have tried here

我的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

如何将css样式仅应用于子项

2 个答案: