CSS继承性之深入剖析(2)

原创 2007年10月08日 10:48:00
  在CSS中,继承是一种非常自然的行为,我们甚至不需要考虑是否能够这样去做,但是继承也有其局限性。
  首先,有些属性是不能继承的。这没有任何原因,只是因为它就是这么设置的,标准就是如此。举个例子来说:border属性,大家都明白border属性的作用是设置元素的边框的,它就没有继承性。如果继承了边框属性,那么文档看起来就会很奇怪。例如我们定义容器div的边框为1px,而在此容器内的ul li在正常情况下我们都不希望它有边框,如果border有继承性,我们就要再去掉它们的边框。这样显然是不合理的。
  多数边框类的属性,如:Border(边框)、Padding(补白)、Margin(边界)、背景等等,都是没有继承性的。
  在某些时候继承也会带来一些错误,比如说下面这条CSS定义:
  Body{color:blue}
  这是定义了Body中的文本颜色为蓝色。如果Body中含有表格,在有些浏览器中这句定义会使除表格之外的文本变成蓝色,而表格内部的文本颜色并不是蓝色。从技术上来说,这是不正确的,但是它确实存在。所以我们经常需要借助于某些技巧,比如将CSS定义成这样:
  Body,table,th,td{color:blue}
  这样表格内的文字也会变成蓝色了。
  

[CSS]CSS的继承性、层叠性、权重

CSS像艺术家一样优雅,像工程师一样严谨继承性CSS样式具有继承性,所谓的继承性,就是给某些元素设置样式时,后代元素也会自动继承父类的样式。这叫CSS的继承性。比如 color属性设置字体颜色,后代自...
  • xf616510229
  • xf616510229
  • 2016年12月13日 22:33
  • 1178

HTML+CSS之CSS的继承、层叠和特殊性 (6)

本文继续学习CSS的继承、层叠和特殊性。
  • delphiwcdj
  • delphiwcdj
  • 2015年03月03日 23:57
  • 5991

CSS选择器及其继承特性、层叠特性

CSS选择器及其继承特性、层叠特性 1.基本选择器   标记  id  class  这个就不再作介绍了 2.复合选择器   交集  交集选择器由两个选择器直接连接构成,其结果是选中二者...
  • sedulousaresy
  • sedulousaresy
  • 2014年09月15日 18:49
  • 1382

深入了解CSS的继承性及其应用

深入剖析CSS层叠与继承的使用 你对CSS层叠和继承的概念和用法你是否熟悉,这里和大家分享一下,文档中的一个元素可能同时被多个CSS选择器选中,每个选择器都有一些CSS规则,这就是层叠,而所谓继...
  • liziki
  • liziki
  • 2012年04月17日 14:11
  • 278

CSS中星号(*)影响的样式继承性问题

以前听大家说*号在css中要慎用,原来一直没有发现问题,今天帮客户改样式让我认识到*的危险性,举个简单的例子 span style="font-size: 16px">span style="col...
  • ysydao
  • ysydao
  • 2013年01月18日 11:13
  • 1733

CSS三大特性之继承性

CSS有三大特性,分别是继承性,层叠性,优先级,这里讲解继承性 继承性是指子元素可以继承父元素的属性,例如下面的代码,div中包含2个p标签,1一个span标签,当给div设置字体颜色为红色时,他的子...
  • k491022087
  • k491022087
  • 2016年08月25日 23:50
  • 6775

CSS的一些基础样式,继承性权重问题

一些基础小样式shortcut icon,特指浏览器中地址栏左侧显示的图标,一般大小为16x16,后缀名为.icon; icon,指的是图标,格式可为PNG\GIF\JPEG,尺寸一般为16x16、...
  • u011342403
  • u011342403
  • 2017年04月01日 15:27
  • 545

css中具有继承性的属性

CSS中具有继承性的属性:   color:#eee font: font-style font-variant: font-weight:bold font-size font-family: fo...
  • fuckof
  • fuckof
  • 2016年07月27日 21:17
  • 421

CSS 继承性

以下是CSS3的:
  • weixin_36222137
  • weixin_36222137
  • 2017年06月22日 21:37
  • 99

CSS继承性及层叠性

我们知道,对于面向对象开发语言, 比如:Java、C++、JavaScript、C#等的都有一个非常重要的特性,也就是继承性。那么在CSS中也有这样的特性。CSS继承性CSS中父元素的一些属性能够被其...
  • u010624986
  • u010624986
  • 2017年01月01日 15:27
  • 250
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS继承性之深入剖析(2)
举报原因:
原因补充:

(最多只允许输入30个字)