css后代选择器和子选择器的区别介绍：
1 css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。2、css子元素选择器语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是
- 元素的每个 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
1. dw复合选择器有多种。2. 首先，dw复合选择器可以通过元素类型和类选择器组合，例如`element.class`。其次，还可以通过元素类型和ID选择器组合，例如`element#id`。此外，还可以通过类选择器和ID选择器组合，例如`.class#id`。最后，还可以通过多个类选择器组合，例如`.class1.class2`。3. dw复合选择器的存在可以更精确地选择目标元素，提高CSS选择器的灵活性和效率。通过合理使用dw复合选择器，可以更好地控制页面样式和布局。
伪类及伪对象选择符 div:first-letter { font-size:14px; }
CSS可以使用伪类 :nth-child() 选择子元素，:nth-child()从1开始计数，所以第二个子元素就是:nth-child(2)
两个选择器之间加 空格(后代选择器) 代表后面的选择器是前面的后代（子代，孙代.....）