CSS precedence textbox larger 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 { 
    .. 
} 

input.wideTextBoxするため、変更.wideTextBoxを交換、です。

注文をスワップするだけでは機能しません。いずれもinput.wideTextBoxとなりません。 CSSの特異性に

---

詳細情報：http://css-tricks.com/855-specifics-on-css-specificity/

特異電卓：http://www.suzyit.com/tools/specificity.php