美文网首页
css中>的作用

css中>的作用

作者: 小酒窝_David | 来源:发表于2017-10-13 13:48 被阅读8次

CSS中的>是代表选择器的层级关系为直接子级。如下示例代码:

<body>
    <div class="wrap"></div>
    <div class="content">
        <div class="wrap"></div>
    </div>
</body>

body .wrap{} 这样写控制的就是body里边的所有class为wrap的元素,包括所有子孙级。

body > .wrap{} 这样写就只会控制直接子级,content里边的wrap就不会受控制

相关文章

  • css中>的作用

    CSS中的>是代表选择器的层级关系为直接子级。如下示例代码: body .wrap{} 这样写控制的就是body...

  • css样式中的 >>>

    >>>相信很多技术人员都很多朋友都没有见过,也没有用过,今天我就来介绍一下自己的理解 今天无意间遇到这个样式用了一...

  • 【好书分享】《CSS揭秘》PDF

    《CSS揭秘》--《CSS SECRET》中文版 链接:http://pan.baidu.com/s/1cB4gt...

  • css选择器中>号的作用

    CSS中的大于号的作用是:在嵌套标签中,将样式只作用于儿子辈的标签,而不作用于孙子辈的标签。 css中 >表示子元...

  • Vue 中的 CSS

    有作用域的 CSS 当 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。 关于有作用域的...

  • css语法

    CSS的注释,作用和HTML注释类似,只不过它必须编写在style标签中,或者是CSS文件中 css的语法: ...

  • CSS基础

    CSS 格式: 标签名称{属性名称: 属性对应的值;...} 作用:在前端开发中CSS只有一个作用, 就是用来修改...

  • 《vue》关于样式中“scoped”边界问题

    众所周知,Vue中样式的scoped,可以划分css模块,形成css作用域。 那么它的作用域边界是哪里呢? 先说结...

  • css中>和+的使用

    1.>的使用 继承有的时候用过了头“>"可以来救场eg: 亲人 独家记忆 离不开你 其css:div spa...

  • Vue工程中如何使用css-module

    前言 本文介绍下css module的作用以及在vue工程中如何使用。CSS Modules不是将CSS改造的具有...

网友评论

      本文标题:css中>的作用

      本文链接:https://www.haomeiwen.com/subject/jyszyxtx.html