HTML/CSS中后代选择器

1.作用:选中指定元素中,符合要求的后代元素.

2.语法:选择器1 选择器2  选择器3  ......  选择器n(使用空格隔开)

3.举例:

    /* 选中ul中的所有li */
    ul li{
        color: red;
    }
    /* 选中类名为subject元素中的所有li */
    .subject li{
        color: blue;
    }
    /* 选中类名为subject元素中的所有类名为front-end的li */
    .subject li.front-end{
        color: blue;
    }

4.注意事项:

1.后代选择器,最终选择的是后代,不选中祖先.

2.儿子,孙子,重孙子,都算是后代.

3.结构一定要符合之前讲的HTML嵌套要求,例如:不能P中h1~h6