：懸停在「>」在CSS

這是一個愚蠢的問題，但很好。什麼版本是CSS中的「>」？我在谷歌找不到它，因爲我不知道這個名字。：懸停在「>」在CSS

例子。

CSS

.test { 
    width:200px; 
    height:200px;} 

.test .color { 
    width:50px; 
    height:50px; 
    float:left; 
    background:red;} 


.test:hover > .color { 
    background:blue;}

HTML

<div class="test"> 
    <div class="color"></div> 
</div>

它是什麼版本的CSS？ 2或3？謝謝

來源

2012-12-22 dragon_ball

可能重複[？怎麼是在CSS中使用或「>」字符「大於」（http://stackoverflow.com/questions/746525/how-is-the-more-or-character-used-in-css） –

這被稱爲子選擇器，它是CSS2的一部分。在http://www.w3.org/TR/CSS2/selector.html#child-selectors

甲子選擇比賽

文檔當元件是一些元素的子。一個子選擇器由兩個或多個由「>」分隔的選擇器組成。

來源

2012-12-22 18:50:24

非常感謝你的人！ :) –

它標誌着節點的直接子節點。因此它的名字是「小孩選擇器」。

因此，在你的情況下，.test:hover > .color選擇類color的任何節點，它是類test類型的直接子節點。

欲瞭解更多信息，看看respective MDN page。

> combinator分離兩個選擇器，只匹配由第二個選擇器匹配的那些元素，它們是第一個匹配元素的直接子元素。

來源

2012-12-22 18:49:47 Sirko

選擇器是直接的後代。

因此div > div將選擇所有div有直接父元素也是div的元素。

這是CSS 2.

它也推薦用於CSS 3選擇器。

請參閱MDN。

來源

2012-12-22 18:50:31 Oded

這將是一個CSS選擇器，它直接位於（在文檔樹中）另一個元素的下方。就像它的子元素一樣。

這個CSS3備忘單非常有幫助：CSS3 Cheat Sheet，不僅用於回答您的問題，還有其他不常用的選擇器類型。

您還可以找到什麼是支持什麼這個browswers：Can I use... Support tables for HTML5, CSS3...

的

來源

2012-12-22 19:09:42

：懸停在「>」在CSS

回答

相關問題