"">"" />
美文网首页
CSS:子元素选择器之大于号——">"

CSS:子元素选择器之大于号——">"

作者: 靗鲭 | 来源:发表于2021-03-06 14:49 被阅读0次

参考地址
https://www.itranslater.com/qa/details/2101139691008427008

示例:

<style type="text/css">
    div > h1{color:red;}
</style>

<div>
    <h1>Hello World~ This is CSS.</h1>
    <h1>Hi~ This is h1.</h1>
    <span><h1>这个h1在span之间...</h1></span>
</div>

效果:

解释:

有大于号时,仅选择直接嵌套在div内的h1,而在span里的h1是间接嵌套。

相关文章

  • 2019-05-27

    子元素选择器 子元素用大于号表示 左边是父亲 右边是孩子 id选择器# #p1{font-size:20px;} ...

  • 2020-01-12

    css选择器 子代选择器:空格、> 空格:选择父元素内所有子元素 >:选择直属父元素的子元素 兄弟选择器:+、~ ...

  • react 开发实战

    CSS:选择器用法:.类名 //类选择器 id名 //id 选择器 .类名 元素名 //后代选择器,包含子元素和子...

  • css选择器组合使用

    后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔...

  • CSS:子元素选择器之大于号——">"

    参考地址https://www.itranslater.com/qa/details/21011396910084...

  • web前端入门到实战:css3基础-选择器+边框与圆角+背景与渐

    Css3选择器相关: section > div直接子元素选择器 div + article相邻兄弟选择器(在元素...

  • web高效前端编程读写笔记

    1.css相关 .a,.b{逗号指a和b相同的css样式} .a .b{空格指后代元素}; .a>.b{大于号指子...

  • CSS3新增内容

    CSS3新增选择器 子选择器 子级选择器用于选取带有特定父元素的元素.box > p{ background-c...

  • CSS3

    CSS新增选择器 子级选择器 子级选择器用于选取带有特定父元素的元素 语法:element1 > element2...

  • CSS选择器

    一、基本选择器 二、多元素的组合选择器 需要注意的是子元素属于后代,子元素下面的子元素也属于后代 三、CSS2.1...

网友评论

      本文标题:CSS:子元素选择器之大于号——">"

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