• ID 选择器, 如 #id{} 
  • 类选择器, 如 .class{}
  • 属性选择器, 如 a[href="segmentfault.com"]{}
  • 伪类选择器, 如 :hover{}
  • 伪元素选择器, 如 ::before{}
  • 标签选择器, 如 p{}
  • 通配选择器, 如 *{}

选择器优先级:

内联样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器

属性后插有 !important 的属性拥有最高优先级。若同时插有 !important,则再利用规则 id、class 判断优先级

注意:给选择器加权值的说法是错误的! 权重的进制是并不是十进制,CSS 权重进制在 IE6 为 256,后来扩大到了 65536,现代浏览器则采用更大的数量

原文地址:https://course.51qux.com/1665.html