CSS中也有继承特性华鑫员工张三发奖金500元

1 继承

子级可以直接使用父级的一些样式（特征），当然有的可以继承，有的不能继承。

例如，人可以从父母那里继承姓氏、肤色等，但不能继承人格。

继承在 CSS 中也可用

这是 div1 中的内容

这是div2中的内容，div1的后代

结果显示为

div2虽然没有设置这个样式，但实际上是使用了这个样式，说明该样式是继承自其父div1的。

开发者工具可以进一步支持继承的存在

但并非所有属性都可以继承

#div1{

字体大小：24px；

红色;

边框：2px 纯绿色；

}

结果是

从结果可以看出，div2没有边框，也就是说没有继承边框。开发人员工具可以进一步证实这一点。

这时候自然就产生了一个问题，哪些属性可以继承，哪些不能。

（自己做）

2 层压板

华新公司发布两份通知，

注意一

为祝贺华新成功上市，董事会决定本月向华新全体员工发放500元奖金。

注意二

为庆祝中国共产党成立96周年，公司决定给予每位党员额外补助96元。

华新员工张三（中共党员）可领500元奖金+96元补贴

因为选择者1（华信员工）和选择者2（党员）都选择了张三css中的通配选择器，所以他能得到的福利可以叠加。

CSS中也支持堆叠，但名词是级联的。

张三（党员）

李斯

结果显示为

从结果可以得出结论，“张三”的最终风格来自于两种风格的层叠，“开发者工具”进一步证明了这一点。

3 优先级

在现实生活中css中的通配选择器，当对同一事物应用多个相互冲突的规则时，还必须指定一个规则，这是一个优先级。

CSS选择器优先级系列实验总结

内联 > id 选择器 > 类选择器 > 元素选择器

内部样式 > 外部样式

选择器{

风格内容

字体大小：24px；

向左飘浮

背景颜色：#800000

}