GrailsのCSSの問題

Question

私はGrailsアプリケーションを開発しており、いくつかの要素のスタイルを変更する必要があります。 main.cssファイルにCSSクラスを追加しようとしましたが、動作しません。 /web-app/css/main.cssで

：.gspで

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

：

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

しかし、div要素は変わりません。何か不足していますか？ ありがとう！

Answer 1

試してみてください。

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

それがはたらく場合、あなたはそれをオーバーライドし、別のCSSスタイルシートが存在しているはず。そうでない場合、CSSは適切に組み込まれていません。

Answer 2

これは、一般的にはCSSへの露出の多くを持っていない人には少しイライラすることができGrailsのではCSSで遊んで直接的な答え

ではありません（私は、フォームの経験を話して）。 Grailsは良い出発点としてきれいなクリーンなCSSを提供しますが、CSSを理解することなくそれを構築しようとすると、いくらか苦労することがあります。

FireBug、またはChrome's built in developer toolsのようないくつかのツールを見てみることをお勧めします。また、developer toolもあります。これらのツールを使用すると、ブラウザがどのようにページをレンダリングしているか、使用されているか使用されていないCSS要素を確認できます。彼らはまた、javascriptのコンソールといくつかの素晴らしいデバッグツールを公開しています。私はこれがブラウザが何をしているのか理解するのに不可欠なツールだと考えています。

こちらがお役に立てば幸いです。