输入[type = text]与。阶级特异性

Question

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

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

有两种样式表＆＃39; A＆＃39;和＆＃39; B＆＃39;试图修改这个元素。

A在B之前加载。

A指定：

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

B指定：

.form-control {
  meh;
  meh;
}

现在，浏览器显示样式表中的样式＆＃39; A＆＃39;而不是＆＃39; B＆＃39;有没有办法忽视＆＃39; A＆＃39;并使用来自＆＃39; B＆＃39 ;?的造型

注意：样式表＆＃39; B＆＃39;实际上是bootstrap.min.css，它没有指定属性样式，因此，我无法覆盖＆＃39; A＆＃39;中的样式。如果你能指出我正确的方向，我将不胜感激。谢谢！

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

Answer 2

使用！important。这会强制规则覆盖同一元素上的其他规则。

views.py