css - 输入 [type=text] 与。类别特异性

Question

我的html文本输入元素如下:

<div class="form-group">
  <label>Ask</label>
  <input type="text" name="ask_question" class="form-control" id="ask-question">
</div>

有两个样式表“A”和“B”试图修改此元素。

A 在 B 之前加载。

A 指定:

input[type=text] {
   blah;
   blah;
}

B 指定:

.form-control {
  meh;
  meh;
}

现在，浏览器显示样式表“A”而非“B”中的样式。有没有办法忽略“A”并使用“B”的样式？

注意:样式表“B”实际上是 bootstrap.min.css，它没有指定属性样式，因此，我无法覆盖“A”的样式。如果您能指出正确的方向，我将不胜感激。谢谢!

Answer 1

假设您不想编辑 B 样式表以使规则更具体，您可以编辑 A 样式表

一些解决方法

[type=text] { /*drop specificity so last rule wins, i do not think type=text is used anywhere else*/
   blah;
   blah;
}

或

input[type=text]:not(.form-control) { /*explicitly do not apply to .form-control*/
   blah;
   blah;
}