CSS

后代选择器

ul li {

    /* 后代选择器,包括孙子li,重孙子li都会生效 */

}

//子代选择器

ul>li{

    /* 子代选择器，只有下层li生效，下下层以后的是不生效的

}

相邻选择器

ul+li{l + li {

    /* 相邻选择器的第一个兄弟元素,只能向下选择 ,相邻的上面的是不生效的*/

}

兄弟选择器

ul~li{

    /* 同级目录下所有兄弟li都生效,只能向下生效,ul上面的是不生效 */

}