CSS选择器

79 阅读1分钟

分类

  • 通用选择器: *
  • 元素选择器: h1-h6、p、div....
  • ID选择器: #zz
  • 类选择器: .zz
  • 属性选择器:[attr]
  • 伪元素选择器:div::first-line
  • 伪类选择器: p:visited
  • 后代选择器: div span
  • 直接子代选择器: ul > li
  • 通用兄弟选择器: p ~ span
  • 相邻兄弟选择器: P + span
  • 列选择器: col || td 会匹配所有col作用域内的td元素

选择器优先级

!important > 行内样式 > ID选择器 > 类、伪类、属性选择器 > 元素、伪元素选择器 > 通配符、子类选择器、兄弟选择器