input [type = text] Vs.类细节

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

乙指定：

.form-control { 
    meh; 
    meh; 
} 

现在，浏览器显示从样式表中的 'A'，而不是 'B' 的样式。有什么办法可以忽略'A'并使用'B'的样式？

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

Answer 1

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

.form-control { 
    meh !important; 
    meh !important; 
} 

Answer 2

假设你不想编辑的B风格表，使规则更具体的，你可以编辑一个样式表

一对夫妇的解决方法

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