为您解读CSS优先级（2）
作者：dh20156 来源：css探索之旅-飘零雾雨的庄园 时间：2009-06-18 18:29:00
四、CSS的继承性
4.1 继承的表现
继承是CSS的一个主要特征，它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。例如一个BODY定义了的颜色值也会应用到段落的文本中。
样式定义：
body {color:#f00;}
举例代码：
<p>CSS<strong>继承性</strong>的测试</p>
举例效果：
这段代码的应用结果是：“CSS继承性的测试”这段话是红颜色的，“继承性”几个字由于应用了<strong>标签，所以是粗体。很显然，这段文字都继承了由body {color:#f00;}样式定义的颜色。这也就是为什么说继承性是CSS的一部分。
然而CSS继承性的权重是非常低的，是比普通元素的权重还要低的0。
我们仍以上面的举例代码为例：在样式定义中添加一条：
strong {color:#000;}
举例效果：
发现只需要给<strong>加个颜色值就能覆盖掉它继承自<body>的样式颜色。由此可见：任何显示申明的规则都可以覆盖其继承样式。
4.2 继承的局限性
继承是CSS重要的一部分，我们甚至不用去考虑它为什么能够这样，但CSS继承也是有限制的。
有一些属性不能被继承，如：border, margin, padding, background等。
样式定义：
div {border:1px solid #000;}
举例代码：
<div>我是<em>border</em>我是不能被继承滴</div>
预期效果：
实际效果：
从上面的效果中，我们可以看出，border是不能被继承的，还有一些其它的属性也是如此，这里就不一一列举。
标签：css,优先级,继承
0
投稿猜你喜欢
利用python实现汉诺塔游戏
2021-02-19 03:03:45
JS/jQ实现免费获取手机验证码倒计时效果
2023-09-23 05:21:41
Python实现的数据结构与算法之快速排序详解
2022-03-03 16:49:17
Pygame实战练习之飞机大战游戏
2021-01-13 13:11:25
教你如何开发Vite3插件构建Electron开发环境
2024-04-28 09:22:54
Go GORM 事务详细介绍
2024-02-21 21:03:05
python用tkinter实现一个gui的翻译工具
2022-12-13 11:30:48
详解Python的字符串格式化
2022-05-01 10:35:52
PHP mysql_result()函数使用方法
2023-06-13 08:21:29
Python 实现数据库更新脚本的生成方法
2024-01-15 22:35:43
python实现可变变量名方法详解
2021-04-23 11:42:49
再论Javascript的类继承
2010-06-26 12:48:00
asp日历代码 显示农历
2007-09-23 08:40:00
Python实现曲线点抽稀算法的示例
2023-02-11 02:57:58
python通过floor函数舍弃小数位的方法
2022-08-17 10:56:17
Python批量生成幻影坦克图片实例代码
2021-04-17 03:16:17
Oracle基本PLSQL的使用实例详解
2024-01-21 11:17:41
Python读取txt文件数据的方法(用于接口自动化参数化数据)
2023-12-28 03:21:52
Windows10下mysql 8.0.19 安装配置方法图文教程
2024-01-21 06:33:27
Laravel框架用户登陆身份验证实现方法详解
2024-04-30 08:47:12