1

这是一个愚蠢的问题，但很好。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个？谢谢

4

4 回答 4

2

它标记节点的直接子节点。因此它的名字是“子选择器”。

因此，在您的情况下，.test:hover > .color选择具有类的任何节点，该类color是具有类的悬停节点的直接子节点test。

有关更多信息，请查看相应的 MDN 页面。

> 组合符分隔两个选择器并仅匹配由第二个选择器匹配的那些元素，这些元素是由第一个选择器匹配的元素的直接子元素。

于 2012-12-22T18:49:47.483 回答
0

这称为子选择器，它是 CSS2 的一部分。

http://www.w3.org/TR/CSS2/selector.html#child-selectors上的文档

当元素是某个元素的子元素时，子选择器匹配。子选择器由两个或多个以“>”分隔的选择器组成。

于 2012-12-22T18:50:24.263 回答
0

选择器用于直系后代。

因此div > div将选择所有div具有直接父元素的元素，该元素也是div.

它是 CSS 2。

它也被推荐用于 CSS 3 选择器。

参见MDN。

于 2012-12-22T18:50:31.147 回答
0

那将是一个 CSS 选择器，它位于另一个元素的正下方（在文档树中）。就像它的子元素一样。

这个 CSS3 备忘单非常有用：CSS3 Cheat Sheet，不仅可以回答您的问题，还可以回答其他不常见的选择器类型。

您还可以通过以下方式找到哪些浏览器支持的内容：我可以使用... HTML5、CSS3 的支持表...

于 2012-12-22T19:09:42.740 回答