如何让浏览器忽略之前的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;}