1.后代选择器

1 <style type="text/css">
2 .div1 p{
3 color:red;
4 }
5 </style>

空格就表示后代，.div1 p 就是.div1的后代所有的p。
强调一下，选择的是后代，不一定是儿子。

比如：

1       <div class="div1">
2           <ul>
3               <li>
4                   <p>段落</p>
5                   <p>段落</p>
6                   <p>段落</p>
7               </li>
8           </ul>
9       </div>

能够被下面的选择器选择上：

1           .div1 p{
2               color:red;
3           }

所以，看见这个选择器要知道是后代，而不是儿子。选择的是所有.div1“中的”p，就是后代p。

空格可以多次出现。

1           .div1 .li2 p{
2               color:red;
3           }

就是.div1里面的后代.li2里面的p。

后代选择器，就是一种平衡：共性、特性的平衡。当要把某一个部分的所有的什么，进行样式改变，就要想到后代选择器。

后代选择器，描述的是祖先结构。

2 交集选择器

1   h3.special{
2       color:red;3 }

选择的元素是同时满足两个条件：必须是h3标签，然后必须是special标签。
交集选择器没有空格。
所以有没有空格
1 div.red
和
1 div .red
不是一个意思。

交集选择器可以连续交（一般不要这么写）

1   h3.special.zhongyao{
2       color:red;3 }

交集选择器，我们一般都是以标签名开头，比如div.haha 比如p.special。

3 并集选择器（分组选择器）

1   h3,li{
2       color:red;3 }

用逗号就表示并集。

4 通配符*

*就表示所有元素。

1   *{
2       color:red;3 }

效率不高，如果页面上的标签越多，效率越低，所以页面上不能出现这个选择器。

一些CSS3选择器

4.1 兼容问题介绍
我们现在给大家介绍一下浏览器：
IE：微软的浏览器，随着操作系统安装的。所以每个windows都有IE浏览器。
windows xp 操作系统安装的IE6
windows vista 操作系统安装的IE7
windows 7 操作系统安装的IE8
windows 8 操作系统安装的IE9
windows10 操作系统安装的edge
浏览器兼容问题，要出，就基本上就是出在IE6、7身上，这两个浏览器是非常低级的浏览器。
http://www1.pconline.com.cn/pcedu/specialtopic/css3-doraemon/

浏览器的市场占有率： http://tongji.baidu.com/data/
今天：
chrome 47.08%
IE9 7.89%
IE8 5.59%
IE7 /IE6 看不到了