CSS继承_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS继承_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1097字，纯文字阅读大概需要2分钟。

内容图文

前面的话

　　层叠样式表中最基本的一方面是层叠——冲突的声明通过层叠过程排序，并由此确定最终的文档表示，这个过程的核心是选择器及其相关声明的特殊性，以及继承机制。

特殊性

　　选择器的特殊性由选择器本身的组件确定。特殊性值表述为4个部分:

【1】内联样式 -> 1,0,0,0
【2】ID属性值 -> 0,1,0,0
【3】类属性值、属性选择或伪类 -> 0,0,1,0
【4】元素或伪元素 -> 0,0,0,1
【5】结合符和通配选择器 -> 0,0,0,0

h1{} -> 0,0,0,1p em{} -> 0,0,0,2.grape{} -> 0,0,1,0*.bright{} -> 0,0,1,0p.bright em.dark{} -> 0,0,2,2#id121{} -> 0,1,0,0div#side *[href]{} -> 0,1,1,1

重要性

　　重要声明：在声明的结束分号之前插入!important来标志

继承

　　继承是从一个元素向其后代元素传递属性值所采用的机制。基于继承机制，样式不仅可以应用到指定的元素，还会应用到它的后代元素。继承的属性没有特殊性。
　　[注意1]在HTML中，应用到body元素的背景样式可以传递到html元素
　　[注意2]标签不会继承父元素的文本样式

层叠

【1】按来源及重要性排序。读者!important > 创作人员!important > 创作人员 > 读者 > 用户代理
【2】按特殊性排序
【3】按出现顺序排序，一个声明在样式表或文档中越后出现，权重越大

内容总结

以上是互联网集市为您收集整理的CSS继承_html/css_WEB-ITnose全部内容，希望文章能够帮你解决CSS继承_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端