css - 这是 Firefox 的错误吗？此输入 [type =""] 规则后的 CSS 根本未被读取

Question

我正要启动一个站点并进入浏览器测试阶段，然后在 Firefox 中打开它，它完全坏了。我在一两个星期前看过它，它很好，所以我觉得它是导致很多错误的单一原因，而不是一大堆浏览器不兼容问题。

无论如何，经过一些调试后，我发现这条规则(如下)之后的所有 CSS 根本没有加载。我看不出这条规则有什么问题。我还确定它不是规则的内容 (-webkit-appearance: none)，而是 input[type=""] 选择器。

/* Remove rounded corners in mobile webkit browsers */
input[type="text",
input[type="submit"],
input[type="button"],
input[type="tel"],
input[type="email"],
input[type="search"],
select,
textarea {
    -webkit-appearance: none;
} 

有谁知道为什么这会导致 Firefox 出现问题？

现在我只是把它作为最后一条规则，这很好，因为这条规则不是针对 Firefox 的。但我真的很好奇为什么会这样……？

Answer 1

第一行有一个未闭合的括号:input[type="text", 应该读作 input[type="text"],。

Firefox 通常会在遇到语法错误时停止解析 CSS 文件，这就是不应用文件中其余规则的原因。