CSS！重要的是在提交類型上工作不正確

Question

我知道CSS如何工作，但有點混淆。

我有按鈕：

<input type="submit" name="button_name" id="button_id" value="Enter"> 

css文件：

#button_id 
{ 
    width: 50px !important; 
    font-size: 17px !important; 
} 
... 
input[type=submit] 
{ 
    width: 300px; 
    height: 45px; 
    font-weight:bold!important; 
    font-size:30px!important; 
} 
... 

和按鈕仍然有一個與300px（應該有50px因爲!important屬性附加傷害）和font-size 17px因爲#button_id包含font-size:17px!important; 如何如果，我可以用50px嗎？不工作？爲什麼它與17px？

Answer 1

重寫！重要的修改

只需使用添加另一個CSS規則！重要的，要麼放棄，選擇較高的特異性（添加額外的標籤，標識或類別的選擇），或添加CSS規則與在相同的選擇器比現有的更晚點（在一個領帶，最後一個定義勝利）。 Example

試圖把你需要正確拼寫width然後#button_id {width:50px!important; font-size:17px!important;}

bellow on your 
input[type=submit] { 
width: 300px; 
    height: 45px; 
    font-weight:bold!important; 
    font-size:30px!important; 
} 

Answer 2

在這種情況下你不需要使用！重要的只是改變的CSS的順序

input[type=submit] { 
    width: 300px; 
    height: 45px; 
    font-weight:bold; 
    font-size:30px; 
} 

#button_id {width:50px; font-size:17px} 

最後重寫第一個

Answer 3

您拼寫爲寬度錯誤

#button_id {with:50px!important; font-size:17px!important;} 

它應該是：

#button_id {width:50px!important; font-size:17px!important;}