css3选择器

64 阅读1分钟

css选择器的分类

  • id选择器
  • 类选择器
  • 子选择器
  • +兄弟选择器
  • ~通用兄弟选择器
  • div 空格:后代选择器
  • 伪类选择器: :link :active :hover :visited :last-child :first-child等等
  • 伪元素选择器: ::before ::after ::first-letter ::first-line ::selection
  • 属性选择器: target title lang href
    • $:以xxx结尾的元素
    • *:包含xxx的元素

css选择器的优先级

  • css选择器的执行优先级是按照每个选择器的权重来判定的,权重之和越大就越优先
  • !important :权重无穷
  • 内联式: 权重1000
  • id选择器:权重100
  • 类选择器,伪类选择器,属性选择器:权重:10
  • 标签选择器和伪元素选择器:权重:1
  • 通用选择器,兄弟选择器+,兄弟选择器~,子选择器>:权重:0
  • 继承:默认
  • 默认 以上就是css3的优先级加载顺序