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，您可以在其中检查/了解特异性的工作原理。