组选择器和层级选择器以及伪类伪元素选择器

1、其实就是选择器的集体声明。

就和小学的提取公因式差不多，把共同的部分提取出来，相同的部分共同定义，不同的部分单独定义，保证风格统一，样式修改灵活，这也是优化代码很重要的一部分。

2、要记得用逗号，隔开用哟！

3、例如，我们在HTML页面中写了好几个标题。代码如下：

<h1>这是一级标题</h1>

4、然后再到样式表中设置集体样式为字体颜色为#900；

代码如下：

h1,h2,h3,h4,h5,h6{color:#900;}

1、选择器也是可以嵌套的，类似于Excel中的函数嵌套。

例如我们想要这个div中的p拥有一个共同样式，如字体颜色均为绿色，那么我们就可以通过父级标签来设置样式。

2、样式表中代码如下：

.two p{color:green; }

1、常用hover表示鼠标悬浮在上时的状态；

after表示在元素里面的尾部插入内容；

before表示在元素里面的头部插入内容；

2、例如，设置类名为two的div鼠标移上去时背景颜色变为红色，字体颜色变为白色；在每个p标签前面插入我爱 ，尾部插入感叹号！。

3、css中的代码如下：

.two:hover{ background-color:red; color:#fff;}