css选择器和优先级?

一、选择器

  • id选择器:#id
  • 类选择器:.id
  • 标签选择器:div
  • 相邻选择器:h1+p
  • 子选择器:ul>li
  • 后代选择器:li a
  • 通配符选择器:*
  • 属性选择器:a[id='id']
  • 伪类选择器:a:hover,li:nth-child

二、选择器优先级

!important >行内样式 > ID > 类、伪类,属性 > 签名 > 通配符 > 继承

三、权重值,每个都是相差一个量级

  • 元素和伪元素选择器: 1
  • class选择符: 10
  • id选择符:100
  • 内联样式:1000
posted @ 2021-02-16 17:28  程序員劝退师  阅读(42)  评论(0)    收藏  举报