在哪里最好使用 twitter-bootstrap 编辑 CSS答案

【问题标题】：Where is it best to edit CSS using twitter-bootstrap在哪里最好使用 twitter-bootstrap 编辑 CSS
【发布时间】：2012-04-27 21:09:04
【问题描述】：

我目前正在尝试掌握引导程序，并且正在努力了解我应该在哪里编辑 CSS。我创建了一个 custom.css.scss 文件来编辑我的 app/assets/stylesheets 文件夹中的设置，但是当我添加规则时，它们似乎经常被覆盖，因此我发现我必须通过转到外部库引导程序来编辑某些元素-sass 资源并深入到 ../stylesheets/bootstrap 文件夹，然后我必须在其中寻找要更改的相关样式。我确定我这样做是错误的，我应该做些什么来确保我的 custom.css.scss 具有优先权？非常感谢任何帮助！

【问题讨论】：

标签： ruby-on-rails-3 css twitter-bootstrap

【解决方案1】：

您不想自己编辑引导文件，但 CSS 规则具有确定使用哪些 CSS 规则的优先级结构。它不是非常复杂，但在你掌握它之前有点棘手。

Smashing Magazine 对它的介绍相对较好，并附有其他来源的链接。

【讨论】：

谢谢。目前，我的 app/assets/stylesheets 文件夹中有一个自定义、脚手架、static_pages css.scss 文件。但是，当我尝试更改 custom.css.scss 中的某些内容时，例如像“a”链接标签这样的简单样式，它会恢复为相关引导程序外部库文件中的默认样式。特异性规则是否以相同的方式适用，还是我应该配置一些东西来指示 custom.css.scss 的特异性？

【解决方案2】：

在资产中找到的 application.css 中包含所有其他样式，您只需更改这些样式的顺序，如下所述：Rails 3.1 Load css in particular order。

【讨论】：