CSS高级特性

一，CSS选择复合器
复合器是由两个或多个基础选择器通过不同的方式组合而成的，
1，标签指定式选择器
标签指定式（又称交集选择器）：两个选择器之间不能有空格
由两个选择器构成，其中第一个为标记选择器。标记选择器p.special定义的样式仅仅适用

标记，而不会影响使用了special类的其他标记。

   <style type="text/css">
h3.special{
    color:red;
}
</style>

2，后代选择器: 定义的时候用空格隔开
对于E F这种格式，表示所有属于E元素后代的F元素，有这个样式。空格就表示后代。
后代选择器，就是一种平衡：共性、特性的平衡。当要把某一个部分的所有的什么，进行样式改变，就要想到后代选择器。
后代选择器，描述的是祖先结构。

<style type="text/css">
        .div1 p{
            color:red;
        }
    </style>

3，并集选择器：定义的时候用逗号隔开，任何形式的选择器（包括标记选择器，class类选择器，id选择器等）都可以放进来。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式。

p,h1,#mytitle,.one/*定义了一个并集选择器，带有p,h1,id="mytitle",class="one"的标签都内容会显示红色*/{
    color:red;
}

二，CSS层叠性和继承性
1，层叠性
所谓层叠性是指多种CSS样式的叠加。
2，继承性
所谓继承性是指书写css样式表时，子标记会继承父标记的某些样式。并不是所有的css属性都可以继承。
不具有继承性的：边框属性，外边距属性，内边距属性，背景属性，定位属性，布局属性，元素宽高属性。
三，CSS优先级
1，一个selector的权重表示方式：0.0.0.0，按照计算规则给每位填充数字，对应位置相等，则比较下一位；
2，也有分别以1000、100、10、1四个权值系数对CSS选择器进行权重计算。

*行内式优先。
*权重相同时，CSS遵循就近原则。
*！important，具有最大优先级。

课后作业效果图：

代码：