CSS特性
继承性
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css特性</title> <style type="text/css"> .father{ color:red;/*继承*/ background-color:green;/*不可继承*/ } </style> </head> <body> <!--给父级设置一些属性,子级继承了父级该属性--> <!--可继承属性:color,font-*,text-*,line-*--> <div class="father" id="egon"> <p>alex</p> </div> </body> </html>
可继承属性(文本元素属性):
- color
- font-*
- text-*
- line-*
不可继承属性:
- 盒子元素。
- 定位元素(浮动,绝对定位,固定定位)不能继承。
层叠性
选择器权重顺序:id选择器数量 类选择器数量 标签选择器数量
权重大的标签覆盖权重小的标签
层叠性与权重相同处理
被选中标签元素:当权重一样时,以后设置为准
没有被选中标签元素:继承来的权重针对标签都为0,就近取值(就近相对于被设置的标签来说),当描述一样近时,比较上层权重
!important属性
不影响继承来的权重,只影响选中的元素