CSS选择器总结(分类、优先级)

CSS选择器是编写CSS代码时的一个核心概念,选择器定义了相应的样式将会影响到文档中的哪些部分,如下是本身在学习及工做过程当中对CSS选择器的一些总结,但愿能帮助到有须要的新手同窗,同时也帮助本身巩固基础,加深记忆。学习

图片描述

样式选择器权重优先级以下:spa

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

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

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

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

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

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

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

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

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

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

相关文章
相关标签/搜索