css第五课：群组选择器及后代选择器

1.群组选择器

前面我们讲的class选择器和id选择器案例都是针对给相同标签中的其中的标签增加不同的样式，这次我们学的群组选择器是如果我们整个网页的风格是一样的，都是一种颜色或者一种样式，但是是对于不同的标签来讲的，这时候我们要将这些标签都加上相同的样式。代码如下：

代码演示：

 结果：

 按照我们以前的内部样式的写法呢，就是按上述这样的写法，如果三个标签样式都一样，不会觉得写三遍很麻烦吗，所以我们要用群组选择器的形式将他们写在一起，如下：

代码演示：

 结果：

 当然如果有的标签加了其他的选择器也是可以写在一起的，如下图所示：

 结果：

 或者说标签中嵌套标签，也是可以的，如下所示：

 结果：

 div标签里面放了一个p标签，这个p标签也是有样式的

2.后代选择器

就上面所说的群组选择器，标签中间是用逗号隔开，那如果没有逗号呢，中间是空格呢，会不会出错，当然有可能是不会，这时候就涉及到一个后代选择器，中间就是用空格隔开，如下所示：4

代码演示：

 结果：

 代码的含义是：style里面写的是一个后代选择器，p是div的后代，所以div写在p前面，中间用空格隔开，这个是后代选择器所以只有p标签里的内容运用了样式，div里的内容不运用样式，而且这个执行顺序是从右到左，就是先找所有的p标签，然后再找div里的p标签，是这个顺序，别在面试的时候说错了哦。