Grails的css問題

我正在開發一個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保持不變。我錯過了什麼嗎？謝謝！

來源

2011-08-02 Bruno Morgado

嘗試：

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

如果這樣的作品，那麼你知道還有另外一個CSS樣式表覆蓋它。如果不是，CSS沒有被正確包含。

來源

2011-08-02 11:45:59 rickyduck

它工作！非常感謝你！我必須檢查什麼是壓倒性的。 –

沒問題。正如邁克爾所說，使用螢火蟲來檢查正在使用的風格，讓生活變得更容易。 – rickyduck

這不是一個直接的答案

與CSS周圍玩Grails中可能有人已經沒有很多接觸到一般的CSS有點沮喪（我說的形式體驗）。 Grails提供了一個很好的乾淨的CSS，但是如果在不理解CSS的情況下嘗試構建它，會造成一些痛苦。

我會建議看看幾個工具，如FireBug對於Firefox或Chrome's built in developer tools，IE也有一個不錯的developer tool。這些工具允許您查看瀏覽器如何渲染頁面以及正在使用或未使用的CSS元素。他們還暴露了JavaScript控制檯和其他一些很好的調試工具。我相信這是幫助理解瀏覽器正在做什麼的重要工具。

我希望這有助於！

來源

2011-08-02 12:00:35

Grails的css問題

回答

相關問題