css - 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

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

还有可用的在线特异性计算器，例如这个，您可以在其中检查/了解特异性的工作原理。