继承性
<!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属性
不影响继承来的权重，只影响选中的元素