较少特定的CSS选择器覆盖样式

Question

我认为我理解CSS选择器如何工作，更具体的选择器覆盖不太具体的选择器：

#ids > .classes > element > :attribute

我有一个元素获取默认box-shadow颜色，其中input:focus作为其选择器。当我添加样式以覆盖该属性时，将应用默认的框阴影颜色。暂时忽略了可怕的选择器，我只是想让它起作用：

我错过了什么吗？根据我的理解，应该覆盖box-shadow和input:focus选择器。

Answer 1

由于我使用的预处理器，盒阴影值的样式已从样式中删除。更改生成box-shadow属性的方式可以解决问题。