CSS三大特性

                             CSS三大特性

4.1继承

 

子代可以直接使用父代的某些样式（特征），当然有些可以继承，有些不能继承。

比如人的姓，但性格不能继承。

 

有结果可见，div2继承了div1的样式。

从结果可以看出，div2并没有边框，也就是说border没有被继承

不可继承的：display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。

所有元素可继承：visibility和cursor。

内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。

终端块状元素可继承：text-indent和text-align。

列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。

4.2 层叠

是浏览器处理冲突的一个能力。
如果一个属性通过两个选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉。

4.3优先级

多条属性施加到同一事物时，冲突的时候必须指定一个原则，也就是优先级。

CSS定义的选择优先级从高到低为：行内（内联）样式 > ID样式 >类别样式>元素选择器

我们可以通过“!important“属性强制改变选择器优先级，加！important的选择器优先级最高。