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 > 类 | 伪类 | 属性选择 > 标签 | 伪元素 > 继承 > 通配符