CSS优先级文本框更大MVC3

Question

CSS默认为输入[type =“text”]样式。如何使.wideTextBox优先？

 @Html.TextBoxFor(model => model.ConsumerBatchInVM.OptInSmsMessage, new { @class = "wideTextBox" })




.wideTextBox
{
    width: 400px;
}

input[type="text"] 
{
    width: 300px;
    border: 1px solid #CCC;
}

Answer 1

你可以这样做：

input[type="text"] {
    ..
}
input.wideTextBox {
    ..
}

即，交换订单并将.wideTextBox更改为input.wideTextBox。

单独交换订单不起作用，input.wideTextBox也不会单独使用。

---

有关CSS特异性的更多信息：http://css-tricks.com/855-specifics-on-css-specificity/

特异性计算器：http://www.suzyit.com/tools/specificity.php