深入了解css层叠性

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

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

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

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

结论:ID>class>标签

选择器的特殊性值:

id选择器:0 1 0 0

class选择器:0 0 1 0

标签选择器:0 0 0 1

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 89,441评论 13 124
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 1,969评论 0 40
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 1,425评论 0 8
  • 百战程序员_ Java1573题 QQ群:561832648489034603 掌握80%年薪20万掌握50%年薪...
    Albert陈凯阅读 12,609评论 2 32
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    袁俊亮技术博客阅读 3,682评论 0 73