大哥教程整理的这篇文章主要介绍CSS3——继承、叠加、优先级。 大哥教程觉得相当不错，现在分享给大家，给大家一个参考。

介绍

介绍CSS3的高级特性：继承、叠加、优先级

分类

继承

子标签会继承父标签的一些样式，例如文本的字体和颜色。

不过如：边框属性、边距属性、背景属性、定位属性。 这些都不是遗传的。

覆盖

同一个标签元素可以设计多种CSS样式，HTML标签最终在页面上的显示效果是多种CSS样式叠加的结果。

 HTML5开发 
.myclass { font-size : 12px; }
#mydiv {color : red; }
/*
   CSS叠加性 
   最终div中字体大小12px，字体色号红色。 
*/

优先事项

当页面样式堆叠时开元棋脾app，页面将应用权重最高的样式。

CSS样式4级权重

选择器

重量

标签选择器

0001

类选择器

0010

id选择器

0100

样式内联样式

1000

/* 权重 0001 + 0001 = 0002 */
p span {.....}
/* 权重 0001 + 0010 = 0011 */
p .blue {.....}
/* 权重 0010 + 0001 = 0011 */
.blue div {......}
/* 权重 0001 + 0010 + 0010 */
p.parent .child {......}

特殊情况优先

1.继承权重为0

2.当权重相同时开元88ky注册送88，CSS遵循就近原则

3.CSS定义一个！ important.它的作用被给予最高优先级

老板总结

以上就是大师教程为您收集的CSS3-继承、叠加、优先级的全部内容。 希望文章能够帮助大家解决CSS3遇到的程序开发问题——继承、叠加、优先级。

如果您觉得大哥教程网站的内容不错开元棋棋牌正版v3.2.5，欢迎您将大哥教程推荐给您的程序员朋友。