什么是“>”在CSS中做

时间:2012-10-09 17:42:31

标签: css

  

可能重复:
  What does “>” mean in CSS rules?

我在一些CSS中看到了这个

  

body> .navid

我想知道的是,“>”是什么在这段CSS代码中做标志吗?

3 个答案:

答案 0 :(得分:4)

它是儿童的选择者(不仅仅是任何后代)。

选择器body > .navid将使用以下选项.navid div:

<body>
    <div class="navid"></div>
</body>

但它不会选择下面的.navid div,因为它是一个孙子

<body>
    <div>
        <div class="navid"></div>
    </div>
</body>

答案 1 :(得分:1)

它指向元素的直接子元素,例如,您可以拥有

  

body&gt; .something

它指向只在body元素中的类“something”。

答案 2 :(得分:0)

它被称为Descendant selector,它选择

  

E元素的F元素子元素

参考:http://www.w3.org/TR/css3-selectors/