例如:

div > p.some_class {
  /* Some declarations */
}

>符号到底是什么意思?


当前回答

所有带有some_class类的p标记,它们是div标记的直接子标记。

其他回答

(子选择器)在css2中被引入。 Div p{}选择Div元素的所有p个后代元素,而Div > p只选择子元素p个,而不是孙子元素、重子元素等等。

<style>
  div p{  color:red  }       /* match both p*/
  div > p{  color:blue  }    /* match only first p*/

</style>

<div>
   <p>para tag, child and decedent of p.</p>
   <ul>
       <li>
            <p>para inside list. </p>
       </li>
   </ul>
</div>

有关CSS Ce[lectors]及其使用的更多信息,请查看我的博客, CSS选择器和css3选择器

所有带有some_class类的p标记,它们是div标记的直接子标记。

它匹配div下面的类some_class中的p个元素。

html
<div>
    <p class="some_class">lohrem text (it will be of red color )</p>    
    <div>
        <p class="some_class">lohrem text (it will  NOT be of red color)</p> 
    </div>
    <p class="some_class">lohrem text (it will be  of red color )</p>
</div>
css
div > p.some_class{
    color:red;
}

所有带有.some_class的<p>的直接子元素都将获得应用于它们的样式。

正如其他人提到的,它是一个子选择器。下面是相应的链接。

http://www.w3.org/TR/CSS2/selector.html#child-selectors