美文网首页HTML笔记分享网页前端后台技巧(CSS+HTML)
Day.01.05 组合选择器之子元素选择器

Day.01.05 组合选择器之子元素选择器

作者: 挂树上的骷髅怪 | 来源:发表于2017-01-05 20:56 被阅读5次
<!DOCTYPE html>
<html>
 <head>
 <meta  charset="utf-8">
  <title> 组合选择器 子元素选择器 </title>
    <style type="text/css">
        div > span{
            background-color:pink;
        }
        div > h1 > span{
            background-color:red;
        }
    </style>
 </head>
 <body>
    <div>
        <h1>黑山<span>老妖<span></h1>
        <span>吃人的妖怪</span>
    </div>
 </body>
</html>

总结:div > span表示div中的子元素span 但是不包括h1中的子元素

相关文章

  • Day.01.05 组合选择器之子元素选择器

    总结:div > span表示div中的子元素span 但是不包括h1中的子元素

  • css(二):css基础

    一.选择器 五种:基础选择器,组合选择器,属性选择器,伪元素选择器,伪类选择器。 基础选择器 组合选择器 属性选择...

  • CSS知识树

    css选择器 基础选择器ID选择器类选择器属性选择器元素选择器组合选择器多元素选择器 ,格式:E,F后代选择器,格...

  • 伪类,伪元素和组合,css各类选择器解析

    css选择器可分为几个大类: 基础选择器 伪类选择器 属性选择器 伪元素选择器 多元素组合选择器 一、基础选择器 ...

  • 1.4.2选择器

    1.4.2.1简单选择器 选择器 简单选择器 伪元素选择器 组合选择器 标签选择器 类选择器 .classname...

  • css选择器

    1 . CSS选择器常见的有几种? 基础选择器 通用元素选择器 ID选择器 类选择器 标签选择器 组合选择器 属...

  • CSS学习笔记[2]——CSS选择器

    选择器类型 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 基础选择器 * ;通用选择器,匹配页面任...

  • 「CSS 」选择器

    选择器简单选择器标签选择器类选择器id 选择器通配符选择器属性选择器伪类选择器其他选择器伪元素选择器组合选择器选择...

  • css选择器

    一,CSS选择器常见的有几种? 答: 基础选择器 组合选择器 属性选择器 伪类选择器 伪元素选择器 基础选择器 组...

  • 前端开发之CSS(选择器-其他选择器)

    伪元素选择器 第一个字母 伪元素选择器应用于被用户选中的内容 组合选择器 后代选择器 子选择器 兄弟选择器 htm...

网友评论

    本文标题:Day.01.05 组合选择器之子元素选择器

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