关于css:CSS-选择器优先级

2次阅读

共计 372 个字符,预计需要花费 1 分钟才能阅读完成。

CSS(Cascading Style Sheets) 层叠样式表

浏览器遵循三个步骤:起源、优先级、源码程序,剖析没有元素的每一个属性。如果一个申明在层叠中胜出,它就被称为一个层叠值。每个元素最多有一个层叠值。

  • CSS 解决款式抵触判断条件 样式表起源 => 选择器优先级 => 源码程序

样式表起源

  • 用户样式表
  • 用户代理样式表(浏览器款式)
  • 第三方款式(多数浏览器反对)

选择器优先级

  • !import > id > 类 > 标签
  • 伪类选择器和属性选择器优先级和类选择器一样。
  • 能够采纳 2,1,3 的计算形式,别离代表 id,类,标签选择器的数量。后面数量越大优先级越高。
  • .name .person(0,2,0) 优先级大于 div .person p (0,1,0)

源码程序

  • 呈现较晚的优先级高。

    // 链接款式程序 LoVeHAte 准则
    a:link {}
    a:visited{}
    a:hover {}
    a:active {}
正文完
 0