Проблема Grails css

Question

Я занимаюсь разработкой приложения Grails, и мне нужно изменить стиль некоторых элементов.Я пытался добавить класс CSS в файл main.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 остается неизменным.Я что-то пропустил?Спасибо!

Answer 1

Это не прямой ответ

Игра с CSS в Grails может немного расстроить кого-то, кто не имел большого опыта работы с CSS в целом (я говорю о форме). Grails предоставляет хороший чистый CSS для хорошей отправной точки, но попытка построить его без понимания CSS может причинить некоторую боль.

Я бы порекомендовал взглянуть на пару инструментов, таких как FireBug для Firefox или Встроенные инструменты разработчика Chrome , в IE также есть хороший инструмент разработчика . Эти инструменты позволяют увидеть, как браузер отображает вашу страницу и какие элементы CSS используются или не используются. Они также предоставляют консоль javascript и несколько других хороших инструментов отладки. Я считаю, что это важные инструменты, помогающие понять, что делает браузер.

Надеюсь, это поможет!

Answer 2

Попробуйте:

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

Если это работает, то вы знаете, что есть другая таблица стилей CSS, переопределяющая ее. Если нет, то CSS не включен должным образом.