2011-08-02 37 views
1

我正在开发一个Grails应用程序,我需要修改一些元素的样式。我试图添加一个css类到main.css文件,但它不工作。Grails的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保持不变。我错过了什么吗? 谢谢!

回答

0

尝试:

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

如果这样的作品,那么你知道还有另外一个CSS样式表覆盖它。如果不是,CSS没有被正确包含。

+0

它工作!非常感谢你!我必须检查什么是压倒性的。 –

+0

没问题。正如迈克尔所说,使用萤火虫来检查正在使用的风格,让生活变得更容易。 – rickyduck

1

这不是一个直接的答案

与CSS周围玩Grails中可能有人已经没有很多接触到一般的CSS有点沮丧(我说的形式体验)。 Grails提供了一个很好的干净的CSS,但是如果在不理解CSS的情况下尝试构建它,会造成一些痛苦。

我会建议看看几个工具,如FireBug对于Firefox或Chrome's built in developer tools,IE也有一个不错的developer tool。这些工具允许您查看浏览器如何渲染页面以及正在使用或未使用的CSS元素。他们还暴露了JavaScript控制台和其他一些很好的调试工具。我相信这是帮助理解浏览器正在做什么的重要工具。

我希望这有助于!