一、继承性
在父元素中设置的一些属性,在其后代元素中也可以使用,这样的属性叫做继承性。
注意点:
1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承
2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承
3.继承性中的特殊性
3.1 a标签的文字颜色和下划线是不能继承的,当做子元素
3.2 h标签的文字大小是不能继承的,在做子元素
二、层叠性
层叠性就是CSS处理冲突的一种能力 ,当对同一个标签设置了多个样式时,通常(即多个样式的优先级相同)采用最后设置的样式。
三、优先级
当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定
1、优先级判断的三种方式
1.当该属性都是被间接设置(即继承),则属性向其祖先元素中寻找该属性来继承,并且哪个祖先元素离的最近,继承哪个祖先元素的该属性。
2.当该属性都是被相同选择器或者优先级相同的选择器设置时,谁最后设置该属性,该属性的值就是其设置的值
3.当该属性被不同的选择器设置时,则优先级最大的选择器设置的属性生效。
2、优先级判断
设置!important的属性的优先级最高。
优先级权重
如果在内部样式表中有多个选择器对同一标签的同一属性进行设置,则需要通过优先级的权重来判断优先级。
优先级权重的计算规则
内联样式,如: style="...",权值为1000。
ID选择器,如:#content,权值为0100。
类,伪类、属性选择器,如.content,权值为0010。
标签选择器、伪元素选择器,如div p,权值为0001。
如.div div{}选择器的权重就为10+1=11,谁的权重大,谁设置的属性生效。