Grails css问题答案

【问题标题】：Grails css problemGrails css问题
【发布时间】：2011-08-02 20:00:35
【问题描述】：

我正在开发一个 Grails 应用程序，我需要修改一些元素的样式。我试图在 main.css 文件中添加一个 css 类，但它不起作用。

在/web-app/css/main.css：

.artistItem {
   background-color: #444;
   border: 1px solid #fff;
   padding: 10px;
   color: #ccc;
   width: 200px;
}

在.gsp中：

<div class="artistItem">Some text</div>

但 div 保持不变。我错过了什么吗？谢谢！

【问题讨论】：

标签： css grails

【解决方案1】：

这不是直接答案

在 grails 中使用 CSS 可能会让没有大量接触 CSS 的人感到有些沮丧（我说的是表单经验）。 Grails 提供了一个很好的干净的 CSS 作为一个很好的起点，但是在不了解 CSS 的情况下尝试构建它可能会导致一些痛苦。

我建议查看一些工具，例如用于 firefox 的 FireBug 或 Chrome's built in developer tools，IE 也有一个不错的 developer tool。这些工具允许您查看浏览器如何呈现您的页面以及正在使用或未使用哪些 CSS 元素。他们还公开了 javascript 控制台和其他几个不错的调试工具。我相信这是帮助理解浏览器在做什么的重要工具。

我希望这会有所帮助！

【讨论】：

【解决方案2】：

试试：

.artistItem {
   background-color: #444 !important;
   border: 1px solid #fff !important;
   padding: 10px !important;
   color: #ccc !important;
   width: 200px !important;
}

如果这可行，那么您就知道有另一个 css 样式表覆盖它。如果不是，则没有正确包含 css。

【讨论】：

成功了！非常感谢！我必须检查覆盖它的内容。
没问题。正如迈克尔所说，使用萤火虫检查正在使用的样式，让生活更轻松。