混淆兩種不同的CSS語法選擇嵌套元素

可能重複：
What does 「>」 mean in CSS rules?混淆兩種不同的CSS語法選擇嵌套元素

CSS有以下兩種語法這似乎在做同樣的事情。選擇一個嵌套元素。

div span 

div > span

我是否錯過了一些東西，或者這兩個確實是等價的選擇器？

2012-05-21 Parag

你能不能把它標記爲複製，而不是關閉它？我在這裏問了這個問題，因爲SO通常關注更多與編程有關的問題。感謝鏈接幫助。編輯：我想你是對的，這確實屬於SO。 – Parag

不幸的是我不能標記東西複製如果重複是從網絡管理者不同StackExchange網站。（這是SE軟件的限制/設計選擇。）對不起！ – Nick

@Nick：現在問題已經被移植了，我已經在這裏關閉了。感謝您舉報！ – BoltClock

不，他們是不等價的。的第一個是descendant selector，而第二個是child selector。

簡單的例子：

<div class="a"> 
    <div class="b"> 
    <div class="c"></div> 
    </div> 
</div>

有了這個標記.a > .c將選擇什麼，而.a .c和.a > .b > .c將選擇最裏層元素。

2012-05-21 13:10:29 Jon

div span

將選擇任何div內的任何跨度。這可能是多層次的。

div > span

只會選擇任何跨度是div的直接後代。關於小孩選擇更多信息 - >http://meyerweb.com/eric/articles/webrev/200006b.html

2012-05-21 13:12:27 Undefined

感謝您的鏈接...這是非常有用的。 – Parag

回答