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 看不到了
