只在子元素將樣式在第一級

<ul> 
    <li> <span> apply </span> </li> 
    <li> <span> apply </span> </li> 
    <li> 
    <ul> 
     <li> <span> ignore </span> </li> 
     <li> <span> ignore </span> </li> 
    </ul> 
    </li> 
</ul>

我怎麼只能申請一個CSS規則跨越從第一級別的元素，並從嵌套列表中進行span元素無視規則？只在子元素將樣式在第一級

這可以做到沒有明確重置二級跨度的屬性？

嘗試ul > li span，但它似乎沒有工作，我得到應用的樣式到第二級太

來源

2012-04-23 Alex

什麼元素外'ul'的父母？ – 2012-04-23 14:35:31

這是一個div？爲什麼這很重要？ – Alex 2012-04-23 14:37:42

看到我的答案。您可以將其用作選擇器的起點。 – 2012-04-23 14:38:12

放進一個ID包裹DIV列表，例如<div id="ul-wrapper">，並嘗試：

#ul-wrapper > ul > li > span { 
    /* my specific CSS */ 
}

來源

2012-04-23 14:36:26 sp00m

#container > ul > li span { /* - Your CSS Here - */ }

需要指定一個容器，以便只能選擇第一級ul。

來源

2012-04-23 14:36:54 aghoshx

ul > li > span {border:solid 1px red;} 
li > ul > li > span {border:none 1px red;};

來源

2012-04-23 14:37:08 rt2800

從問題：「這可以做到沒有明確重置二級跨度的屬性？」 – 2012-04-23 14:40:56

只要外ul的父母是不是另一個li，您可以使用爲出發點，爲您的選擇（例如假設它是一個div）：

div > ul > li span { 
    /* Whatever */ 
}

來源

2012-04-23 14:37:11

只在子元素將樣式在第一級

回答

相關問題