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;
}

因为它的（0,0,4,0）=40大于另一个（0,0,1,4）=14

---

也有在线特异性计算器可用，比如你可以在那里检查/了解特异性是如何工作的。

因为第一个选择器的值高于第二个选择器。实际上它是

0,0,4,0

，

0,0,1,4

@HashemQolami-虽然这是正式的编写方式，对我来说，把它们看作数字更有意义，这样我们就可以说一个比另一个大/小是的，但是请注意，

0,0,9

+

1

不会得到

0,0,1,0

，但是

0,0,0,10

因此最好不要把它们看作数字。一个

#id

比数千个

.class

es:）更具体