您的位置：首页 > Web前端 > CSS

CSS的三大特性——继承，层叠、优先级

2017-09-15 11:59 651 查看

4.1 继承

子代可以直接使用父代的某些样式（特性），当然有些可以继承，有些不能继承。比如人可以从父母那直接继承姓氏、肤色等，但性格不能继承。

4.2 层叠性

公司发了两条通知：

通知一：为祝贺华鑫成功上市，经董事会讨论决定，所有员工发本月奖金500元

通知二：为庆祝中国共产党成立96周年，公司决定给每位党员发补助96元

华鑫张三（中共党员）可以领到596元。

张三被两个选择器选中，这就是叠加

<head>
<styletype="text/css">
#div1{
font-size:
24px;
border:
2px solid red;
}
div{
color: #ffbc00;
}
</style>
</head>
<body>
<divid="div1">
张三（华鑫员工+党员）
</div>
<divid="div2">
李四（华鑫员工）
</div>
</body>
从结果可以得出结论：“张三”的最终样式


来自两个样式的层叠

4.3 优先级

在现实生活中当多条相互冲突的规则施加到同一事物时，也必须指定一个规则，也就是优先级

从系列实验中可得出CSS选择器优先级的结论:

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

内部样式>外部样式
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航