CSS 优先边框框

Question

CSS 受害者在这里

为什么是下面的样式:

.slider-menu .menu-app-container .non-menu .main-container * {
    box-sizing: border-box;
}

胜过这个:

.table > thead > tr > td > input, 
.table > tbody > tr > td > input, 
.table > tfoot > tr > td > input {
    box-sizing: inherit;
}

?

Answer 1

因为它有一个更大的specificity (0,0,4,0) = 40 比另一个 (0,0,1,4) = 14

也有可用的在线特异性计算器，例如 this one您可以在其中查看/了解特异性的工作原理。