CSS大于号选择第一级子元素

2016-12-02

element >

在CSS中大于号表示为子选择器(Child Selector) 而两个元素并列 div p 对应于JQuery中的Children()方法，只会返回第一级子元素

<body>
    <div id="one">
        <div id="three">
        </div>
    </div>
    <div id="two">
    </div>
</body>

如果我采用

1	body div:first-child

来选取会得到 one 和 three 虽然first-child限定了div必须为第一个子元素，但是three本身不仅为one的子元素，也是body的子元素，只是不是第一级

甚至采用

1	body div:nth-child(1)

也是仅仅限制了第一个子元素，而不是第一级的第一个子元素

所以应该采用

1	body >div:first-child

才能正确选择到one，使用大于号限定在body下的 第一级子元素中选择第一个子元素

jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true