深入了解css层叠性

当一个元素样式被多次声明时应该以哪个为准?

首先需要知道一条就是CSS中的就近原则,是针对引入CSS方式的一种规则

按就近原则 行内样式>内部样式>外部样式

但是在三种基本选择器,优先级又是怎么样的?

结论:ID>class>标签

选择器的特殊性值:

id选择器:0 1 0 0

class选择器:0 0 1 0

标签选择器:0 0 0 1

如果在选择器中出现了多个选择器,我们只需要将它们的特殊值求和之后,哪个大,就以哪个为准:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,214评论 0 40
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 爱情是什么? 我不懂是什么, 只能感受她是什么。 有人说是承诺, 有人说是激情, 有人说是灵魂的相碰, 也罢! 我...
    诗嗜阅读 225评论 0 0
  • 人活一世 苦难挫折在所难免 过得去的 过不去的 唯有自己亲身承受 无法救赎 也无人能替 不必怨艾 不必悲伤 即无感...
    影子诗人阅读 288评论 0 0