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

标签 css twitter-bootstrap

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

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

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

最佳答案

只需在 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;}

关于css - 如何告诉浏览器忽略之前的 css 编辑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9473374/

相关文章:

jquery - 使用 Bootstrap 网格排列内容的问题

javascript - 如何将进度条与 .click 事件 jquery 链接

javascript - Bootstrap 下拉菜单不会在外部单击时关闭

jquery - Bootstrap 3 - 可折叠列表无法正确折叠

css - clip path a div with an image inside 是否有原因会降低 chrome 的性能?

html - 这个CSS有什么问题?

jquery - 为什么我的某些 CSS 属性会滚动,而其他属性会保持固定?

html - 什么时候 CSS 的顺序很重要?

html - Bootstrap CSS 位置和 github 页面

html - 限制 LI "Christmas Lights"的数量/宽度?