层次选择器

层次选择器

1、后代选择器：在某个元素的后面的

        /*后代选择器*/
        body p {
            background: red;
        }

2、子选择器

        /*子选择器*/
        body > p {
            background: black;
        }

3、相邻兄弟选择器

        /*相邻兄弟选择器，相邻向下选择，仅选择一个*/
        .active + p {
            background: red;
        }

4、通用兄弟选择器

        /*通用兄弟选择器，当前选中元素的相邻向下选择，选择向下的全部*/
        .active1 ~ p {
            background: red;
        }