css1

  • 1 css 选择器:分为选择器,选择符,伪类和伪元素
    选择器:标签选择器,类选择器
    选择符5个:空格、> 、+ 、~ 、||
    伪类:例如:hover
    伪元素:例如::before,::after

  • 2 css选择器的优先级
    0级:通配符选择器、选择符和逻辑组合伪类(:not()、:is()、:where):不影响css优先级,逻辑组合伪类括号中的选择器会影响优先级
    1级:标签选择器
    2级: 类选择器、属性选择器、伪类
    3级:id选择器
    4级:style属性内联
    5级:!importent

  • 3 css选择器优先级的计算规则:数值越大优先级越高
    1级:+1
    2级:+10
    3级:+100

  • 4 数值一样时候,后面渲染的选择器优先级高

相关推荐