Html 为什么不是''；这个css不是胜过了其他css吗？

我有以下css（按此顺序）：

我有一个文本框，看起来像这样：

  <input type="text" name="Applications" value="" id="Applications" class="fullRowTextBox ac_input ui-state-error" autocomplete="off">

它似乎使用了这种颜色：#B5B8C8而不是#CD0A0A颜色

我认为下面的CSS会胜过上面的CSS

---

此文本框没有获得#CD0A0A边框颜色的原因是什么？

类型选择器+属性选择器不仅仅是类选择器，因此稍后将在中应用它。

尝试将样式添加到

 #Applications.ui-state-error

正如昆廷指出的那样，这是一个问题

将特异性视为以（0,0,0,0）开头的四个数字：

！重要信息

规则始终优先，只有另一条规则优先！重要的 规则可以覆盖上一个规则（它是的辅助功能） CSS，用于覆盖UA样式表）

通用选择器

（*）

具有0-组合的特殊性，如

+

而

~

也没有特异性

内联样式具有最高的特殊性（除了！重要） 并计算为第一个数字（1,0,0,0）

ID（

#test

）计为上述集合中的第二个数字（0,1,0,0）

类、伪类和属性选择器是第三个数字 （0,0,1,0）

类型选择器和psuedo元素（

p

&

：：之后）取代
第四个数字和是最不具体的

请记住，如果两个规则具有相同的特殊性并指定相同的属性，则样式表中的后者将获胜

因此，在您的示例中，

input[type=“text”]

有一个类型选择器和一个属性选择器，这意味着它等于（0,0,1,1），而第二个选择器只指定一个类（在特殊性方面等于属性选择器），即==到（0,0,1,0）

要替代上一个选择器，可以包括类型选择器，例如：

input.ui-state-error {
border: 1px solid #CD0A0A;
}

---

尽管两个选择器具有相同的特异性，但由于属性的性质，第二个选择器将优先。

您可以尝试输入。ac_输入ui状态错误{border:1px solid#B5B8C8；}

这只是一个示例。我在其他文本框上也有同样的问题，所以我想要一个通用的解决方案。您需要指定输入[type=“text”]。更改边框颜色的组的ui状态错误+1以获得完整的答案：）但是，如果它是

.ui小部件头
或
.ui小部件内容

input.ui-state-error {
border: 1px solid #CD0A0A;
}