您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

“>”(大于号)CSS选择器是什么意思?

“>”(大于号)CSS选择器是什么意思?

>是子组合器,有时会误称为直接后代组合器。1个

这意味着选择器div > p.some_class仅选择 .some_class嵌套 的div段落,而不选择嵌套 其 的任何段落。

插图:

<div>
    <p class="some_class">Some text here</p>     <!-- Selected [1] -->
    <blockquote>
        <p class="some_class">More text here</p> <!-- Not selected [2] -->
    </blockquote>
</div>

选择了什么,没有选择什么:

p.some_class直接位于内部的div,因此在这两个元素之间建立了父子关系。

p.some_class是由包含blockquotediv,而不是div本身。尽管这p.some_class是的后代div,但它不是孩子。是孙子

因此,虽然div > p.some_class不匹配此元素,但divp.some_class将使用后代组合器。

1 许多人甚至将其称为“直子”或“直子”,但这是完全没有必要的(对我来说是令人讨厌的),因为 上来说,子元素 始终是直接的 ,因此它们的含义完全相同。没有所谓的“间接孩子”。

CSS 2022/1/1 18:20:24 有508人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶