如何讓瀏覽器忽略之前的css編輯？

Question

我喜歡Twitter的bootstrap css，除了重置字段集和圖例標記之外。

問：有沒有辦法告訴瀏覽器忽略這些命令？

爲什麼我不想更改bootstrap.css的原因是爲了將來有一段時間更新bootstrap.css，我可能不記得回去說「除了這兩個定義之外，一切都很好」。

Answer 1

只需在bootstrap.css定義下重新定義它即可。後來的CSS總是覆蓋早期的CSS（假設!important標誌沒有在前面設置）。

所以：

legend {color: red;} /*pretend this is bootstrap's definition*/ 

legend {color: green;} 

會產生綠色文本。

注意：您確實需要了解css特異性。類和ID和其他這樣的CSS可以使定義更具體，所以爲了覆蓋它，以後的CSS必須具有相同或更大的特異性。

.box legend {color: red;} /*pretend this is bootstrap's definition*/ 

legend {color: green;} 

會產生紅色文字如果legend是因爲.box類的高特異性的box入級元素。您需要至少匹配該特異性：

.box legend {color: green;}