关系选择器和属性选择器（vscode）

关系选择器：

题：

 

/* 需求一：为div的子元素h2设置一个字体颜色红色 */

      /* 1、子元素选择器

      作用：通过指定的父元素找到指定的子元素

      语法：父元素>子元素{}

      例子：#red>.green{},   .pp>em{}

      */

    div>h2{

        color: red;

      }

 

      /* 需求二：div里的span元素字体都变为30px */

      /* 2、后代选择器

      作用：通过指定的祖先元素找到指定的后代元素

      语法：祖先元素 后代元素{}

      例子：.class .red{},#red p{}

     

      */

      #cs span{

        font-size: 30px;

      }