如何告诉浏览器忽略以前的css编辑？

Question

我喜欢twitter用bootstrap css做的事情，除了他们重置字段集和图例标签。

问：没有从bootstrap.css中删除这些定义，有没有办法告诉浏览器忽略这些命令？

我之所以不想更改bootstrap.css是因为他们将来会更新它，我可能不记得回过头来说“除了这2个定义外，一切都很好”。< / p>

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;}