层次选择器

  1. 后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你
/*后代选择器*/
        body p{
            background: red;
        }
  1. 子选择器,一代,儿子
/*子选择器*/
        body>p{
            background: green;
        }
  1. 相邻兄弟选择器 同辈
/*相邻兄弟选择器:只有一个,相邻(向下)*/
        .active+p{
            background: saddlebrown;
        }
  1. 通用选择器
/*通用兄弟选择器,当前选中元素的向下的所有兄弟元素*/
        .active~p{
            background: greenyellow;
        }
posted @ 2022-02-10 12:05  摘星丶仙  阅读(16)  评论(0)    收藏  举报