这是因为选择器
我无法理解CSS中的级联。
.lastBtnOfSection > button {
color:red;
}
.sectionBtn {
color:black;
}
这两个按钮都包含在.lastBtnOfSection
中。
.sectionBtn
是按钮的类。根据级联,later应该覆盖,但只有当我将.sectionBtn
更改为.lastBtnOfSection > .sectionBtn
时它才起作用。
.lastBtnOfSection > button
比.sectionBtn
更具体。
选择器.lastBtnOfSection > button
具有11的特异性计算,而选择器.sectionBtn
是10(类别选择器具有10的特异性并且类型选择器是1)。
正如格雷在评论中指出的那样,这是一个很好的自动计算这些值的工具。