CSS中的级联属性

  • 本文关键字:属性 级联 CSS css
  • 更新时间 :
  • 英文 :


我无法理解CSS中的级联。

.lastBtnOfSection > button {
    color:red;
}
.sectionBtn {
    color:black;
}

这两个按钮都包含在.lastBtnOfSection中。

.sectionBtn是按钮的类。根据级联,later应该覆盖,但只有当我将.sectionBtn更改为.lastBtnOfSection > .sectionBtn时它才起作用。

这是因为选择器.lastBtnOfSection > button.sectionBtn更具体。

选择器.lastBtnOfSection > button具有11的特异性计算,而选择器.sectionBtn是10(类别选择器具有10的特异性并且类型选择器是1)。

正如格雷在评论中指出的那样,这是一个很好的自动计算这些值的工具。

最新更新