1.2 子代选择器

子代选择器

选中父元素中指定子元素

语法

父类 > 子类 
选择器1  > 选择器2 ....   {属性:属性值;属性:属性值.....;}

栗子

    
    

    <div class="div1">

      <div class="div2">  

        

       <p>我是p标签,div1的后代,是div2的子代,也是后代p>

      div>

      <div>789div>

    div>



    <div class="div3">

      <p>我是p标签,我是div3的子代,也是后代p>

    div>

注意

  1. 子代只包括儿子
  2. 子代选择器中,选择器与选择器之间通过 > 隔开

子代和后代的区别

  • 选择对象不同
  • 格式不同

你可能感兴趣的:(css,html,css3)