【摘要】:层叠与继承有些相似,但是它们本质上是不一样的。继承是指应用样式的元素的后代会继承该样式的某些属性。CSS继承的特性可以大大简化编写代码的工作量,可以不必给某个元素的所有子元素逐一设置统一的样式。比如,我们希望大多数表单的颜色是白色,字体大小是12 pt,而对于搜索表单的颜色是蓝色,并且搜索表单的子元素input的字体大小是9 pt。
3.2.4 层叠,继承与特殊性
层叠与继承有些相似,但是它们本质上是不一样的。继承是指应用样式的元素的后代会继承该样式的某些属性(最常见的是颜色、背景、字体等)。比如如果将某元素的颜色设置为黑色,则不用做任何说明,它的所有子元素的颜色也是为黑色的。CSS继承的特性可以大大简化编写代码的工作量,可以不必给某个元素的所有子元素逐一设置统一的样式。比如定义:
可以简化为:
对于某些子元素,不需要继承而要采用特殊样式的,可以采用层叠的优先级来单独指定。比如,我们希望大多数表单的颜色是白色,字体大小是12 pt,而对于搜索表单的颜色是蓝色,并且搜索表单的子元素input的字体大小是9 pt。那么我们可以首先定义:
按照继承规则,form所有的子元素都是白色,字体大小为12 pt。
而上面的规则将form需要特殊表现的地方绕开默认的设定,而规定了特殊的样式。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。