CSS选择器总结（分类、优先级）

2019年9月7日 75次阅读 来源: Kevin

CSS选择器是编写CSS代码时的一个核心概念，选择器定义了相应的样式将会影响到文档中的哪些部分，以下是自己在学习及工作过程中对CSS选择器的一些总结，希望能帮助到有需要的新手同学，同时也帮助自己巩固基础，加深记忆。

《CSS选择器总结（分类、优先级）》

样式选择器权重优先级如下：

  • important的权重为 1, 0, 0, 0

  • ID选择器的权重为 0, 1, 0, 0

  • 类选择器的权重为 0, 0, 1, 0

  • 伪类选择器的权重为 0, 0, 1, 0

  • 属性选择器的权重为 0, 0, 1, 0

  • 标签选择器的权重为 0, 0, 0, 1

  • 伪元素选择器的权重为 0, 0, 0, 1

  • 通配符的权重为 0, 0, 0, 0

综合上述权重优先级来看，正确的优先级排序应该是：

important > 内联样式 > ID > 类 | 伪类 | 属性选择 > 标签 | 伪元素 > 继承 > 通配符

    原文作者：Kevin
    原文地址: https://segmentfault.com/a/1190000008961940
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞