层次选择器

后代选择器 选择body后所有的p标签

body p{
            background: #abfe36;
        }

子选择器 选择body后一代的p标签

body>p{
           background: #abfe36;
       }

相邻兄弟选择器 只有一个，相邻（向下）

.active + p{
          background: #abfe36;
      }

通用选择器 当前选中元素向下的所有兄弟元素

.active~p{
         background: #abfe36;
     }