CSS的继承性和层叠性 |
您所在的位置:网站首页 › css样式表具有继承性 › CSS的继承性和层叠性 |
继承性 有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性。 哪些属性能继承? color、 text-开头的、line-开头的、font-开头的。 这些关于文字样式的,都能够继承; 所有关于盒子的、定位的、布局的属性都不能继承 这些关于文字样式的,都能够继承; 所有关于盒子的、定位的、布局的属性都不能继承 继承性是从自己开始,直到最小的元素。 层叠性很多公司如果要笔试,那么一定会考层叠性。 层叠性:就是css处理冲突的能力。 所有的权重计算,没有任何兼容问题! CSS像艺术家一样优雅,像工程师一样严谨。 当选择器,选择上了某个元素的时候,那么要这么统计权重: id的数量,类的数量,标签的数量 255个类等于一个id 255个标签等于一个id 但是没有意义 不进位,实际上能进位但是没有实战意义! 如果权重一样,那么以后出现的为准: 如果不能直接选中某个元素,通过继承性影响的话,那么权重是0。 如果大家都是0,那么有一个就近原则:谁描述的近,听谁的。 权重问题大总结: 1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。 2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。 css3:盒模型、浮动 css4:定位 css5:背景、表格 css6:切图 同一个标签,携带了多个类名,有冲突:!important标记需要强调: 1) !important提升的是一个属性,而不是一个选择器 2) !important无法提升继承的权重,该是0还是0 由于div是通过继承性来影响文字颜色的,所以!important无法提升它的权重,权重依然是0。 干不过p标签,因为p标签是实实在在选中了,所以字是蓝色的(以p为准)。 3)!important不影响就近原则 如果大家都是继承来的,按理说应该按照“就近原则”,那么important能否影响就近原则呢? 答案是:不影响。远的,永远是远的。不能给远的写一个important,干掉近的。 ! important做站的时候,不允许使用。因为会让css写的很乱。 现在,我们知道层叠性能比较很多东西: 选择器的写法权重,谁离的近,谁写在下面。 权重计算总结 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |