一、继承性 |
(1)所谓CSS继承性是指被包在内部的标签将拥有外部标签的样式性质,同时CSS继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以应用于它的后代,是依赖于祖先-后代的关系的。用简单的话来说就是自己设置的属性,其后代也继承上了。
(2)那么有哪些属性是可以继承的:
color、以text-、line-、font- 开头的属性,也就是关于文字的属性是可以继承的,而关于布局、定位、盒子的属性都是不能继承。
body{ color:red; font-size:14px; }
(3)继承的范围:
从自身开始,到最小的元素。也就是从第body开始都最内层的p标签。
<body> <div> <p>你好</p> </div> </body>
二、层叠性 |
(1)什么是层叠性
就是浏览器处理冲突的一个特性。当有多个选择器选择到同一个元素时,但就只有一个选择器生效,也就是在相同权重的情况下,其他选择器的样式会被覆盖掉。
(2)优先级:
a. id选择器 > 类选择器 > 标签选择器
b. 当同时多个选择器选择到同一个元素时,可通过权重比较:也就是分别计算id选择器、 类选择器 、标签选择器各自的数量。这一方法没任何的浏览器兼容问题。
c. 当权重都一样时,以后出现的选择器为准。
d. 没有具体选中到一个元素。通过继承性影响,该元素的权重就是为0,那么此时就有一个就近原则:
(3)权重问题总结:
1) 先看有没有选中,如果选中了,那么以(id数,类数,标签数)来计权重。谁大听谁的。如果都一样,听后写的为准。
2) 如果没有选中,那么权重是0。如果大家都是0,就近原则。
原文:http://www.cnblogs.com/jiang-z/p/7392747.html