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

Question

我喜欢 twitter 对 bootstrap css 所做的一切，除了他们重置了 fieldset 和 legend 标签。

问：除了从 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;}