核心提示:哪些属性可以继承?color、text-开头的、line-开头的、font-开头的这些关于文字样式的,都能够继承;所有关于盒子的、定位的、布局的属性都不能继承。继承性是从自己开始,直到最小的元素。层叠...
哪些属性可以继承?
color、text-开头的、line-开头的、font-开头的
这些关于文字样式的,都能够继承;
所有关于盒子的、定位的、布局的属性都不能继承。
继承性是从自己开始,直到最小的元素。
层叠性
当选择器,选择上了某个元素的时候,那么要这么统计权重:(id的数量,类的数量,标签的数量)
权重问题大总结:
选择上了,数权重,(id的数量,类的数量,标签的数量)。如果权重一样,谁写在后面听谁的。
没有选择上,通过继承影响的,那么权重是0,就近原则,谁描述的近听谁的。如果描述的一样近,比如选择器权重,如果权重再一样重,谁写在后面听谁的。
继承的权重是0
权重问题深入
1、同一个标签,携带多个类名,有冲突:
<p class="spec1 spec2">我是什么颜色?</p> <p class="spec2 spec1">我是什么颜色?</p>
和在标签中的挂类名的书序无关,只和css的顺序有关:
<style> spec2{ color:blue; } .spec1{ color:red; } </style>
2、!important标记
来给一个属性提高权重。这个属性的权重就是无穷大。
font-size:40px !important; //错误的: font-size:40px; !important; //不能把!important写在外面 font-size:40px important; //不能忘记感叹号
1) !important提升的是一个属性,而不是一个选择器
2) !important无法提升继承的权重,该是0还是0
3) !important不影响就近原则
如果大家都是继承来的,按理说应该按照“就近原则”,!important不影响就近原则,远的,永远是远的。不能给远的写一个!important,干掉近的。
!important做网站的时候,不允许使用。因为会让css写的很乱。