CSS知识点——选择器的优先级

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

继承：即子类元素继承父类的样式;

优先级：是指不同类别样式的权重比较;

层叠：是说当数量相同时，通过层叠(后者覆盖前者)的样式。


1.ID选择器 > 类选择器 > 元素选择器 > 通配符

2.行内样式 > 内联样式 > 外联样式

3. !important 优先级最高

总结：内联样式 > ID选择器 > 伪类 > 属性选择器 > 类选择器 > 元素选择器 > 通用选择器

例子借鉴这位博主的文章说明

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS选择器、优先级以及!important知识总结
    一、CSS选择器 关于CSS选择器，首先请看这里：CSS 选择器参考手册 通过以上，我们可以将CSS选择器分为以下...
    fehysunny阅读 2,364评论 0赞 2
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,065评论 1赞 92
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 28,725评论 1赞 45
  • CSS基础知识
    1.认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义H...
    静默丶阅读 5,946评论 30赞 95
  • CSS 基础
    CSS基础 本文包括CSS基础知识选择器（重要！！！）继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,423评论 0赞 40

友情链接更多精彩内容