栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

这意味着选择器

div > p.some_class
仅选择 直接
.some_class
嵌套 在内
div
段落,而不选择嵌套
的任何段落。

插图:

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

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

  1. 选择

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

  2. 没有选择

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

因此,虽然

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


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



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/392755.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号