如何將CSS樣式只適用於孩子

我想要的CSS樣式只適用於UL的孩子不要UL的孫子們。但在這裏我不能這樣做幫助我做到這一點，在此先感謝。 I have tried here 如何將CSS樣式只適用於孩子

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

來源

2012-08-30 Suresh Pattu

嘗試http://www.w3.org/TR/CSS2/selector.html#child-selectors – Miroslav

難道ü嘗試呢？

.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/

來源

2012-08-30 10:25:59 Sowmya

我已經嘗試過，它不在這裏工作鏈接http://jsfiddle.net/sureshpattu/vY6RG/3/ –

檢查編輯答案 – Sowmya

現在工程:) –

使用>選擇器，例如.list ul > li

來源

2012-08-30 10:26:15 ABLX

我已經嘗試，它不是在這裏工作是鏈接jsfiddle.net/sureshpattu/vY6RG/3 –

@SureshPattu它的工作原理。 – F0G

沒有事實並非如此。你沒有把一個'>''之間和.list''ul'，所以即使不管'>'，它會選擇'ul'兩個層面，因此對'li'兩個級別。你需要在那裏有兩個'>'選擇器。 – Spudley

如何將CSS樣式只適用於孩子

回答

相關問題