# css3大特性 ## 层叠性 当多个样式作用于同一个（同一类）标签时，样式发生了冲突，总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系 * 选择器相同, 则执行层叠行 * 选择器不同, 就会出现优先级问题 ## 继承性 继承性发生的前提是包含（嵌套关系） ★文字颜色可以继承 ★文字大小可以继承 ★字体可以继续 ★字体粗细可以继承 ★文字风格可以继承 ★行高可以继承 总结：文字的所有属性都可以继承。 ◆特殊情况： h系列不能继承文字大小。 a标签不能继承文字颜色。 ## 优先级 ~~~ 默认样式<标签选择器<类选择器<id选择器<行内样式<!important 0 1 10 100 1000 1000以上 ~~~ ◆优先级特点 ★继承的权重为0 ★权重会叠加 ~~~ body { color: blue !important; } ~~~ 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，这时就会出现优先级的问题。 在考虑权重时，初学者还需要注意一些特殊的情况，具体如下： ~~~ 继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。 行内样式优先。应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100。总之，他拥有比上面提高的选择器都大的优先级。 权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。 CSS定义了一个!important命令，该命令被赋予最大的优先级。也就是说不管权重如何以及样式位置的远近，!important都具有最大优先级。 ~~~ ~~~ div { color: orange!important; } ~~~