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

Question

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

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

我不想更改 bootstrap.css 的原因是，万一他们在将来某个时候更新它，我可能不记得回去说“除了这两个定义之外，一切都很好”。

Answer 1

只需在 bootstrap.css 定义下将其重新定义为您想要的内容即可。后面的 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;}