Ошибка таблицы стилей приложения Rails

В моем файле application.css я сталкиваюсь с ошибками, когда у меня есть мой код, введенный ниже. Код h1.title будет выполнен, но код h1 не будет. Возможно, стоит упомянуть, что в моем приложении h1.title находится выше h1. Однако я могу заставить его работать, если я вставляю код h1 непосредственно после кода h1.title (повторяя себя с фрагментом h1). Я не хочу этого делать, так как хочу, чтобы мой код был сухим. Это кажется тривиальным, но я немного борюсь с ним и не добился прогресса.Ошибка таблицы стилей приложения Rails

h1 { 
color: maroon; 
font-size: 150%; 
font-style: italic; 
display: block; 
width: 100%; 
border-bottom: 1px solid DarkSlateGrey; 
} 
h1.title { 
margin: 0 0 1em; 
padding: 10px; 
width: 98.5%; 
background-color: orange; 
color: white; 
border-bottom: 4px solid gold; 
font-size: 2em; 
font-style: normal; 
}

источник

2012-05-24 Anconia

Что именно не работает? Код H1 выполняется отлично в примере jsfiddle, который я установил. http://jsfiddle.net/TRKkj/1/ – afaf12

Я только что переместил код в файл scaffold.css.scss, и он отлично работает. Есть ли проблема, которую я не вижу? Я не понимаю, почему он будет работать в scaffold.css.scss, но не application.css – Anconia

Посмотрите на элемент в инспекторе вашего браузера. Является ли элемент h1 наследующим что-либо из другого файла? – badams

Если добавить код непосредственно в application.css, он появится в верхней части скомпилированного файла (я предполагаю, что ваши CSS файлы компилируются в один). Я предполагаю, что другие css-файлы, включенные в ваш application.css, перезаписывают h1 css atrributes.

Используйте опцию осмотра в своем браузере (IE, Firefox, Chrome и т. Д.), И посмотрите, откуда h1 получает его значения атрибутов.

источник

2012-05-24 23:12:19 afaf12

Они оба наследуются от тела элемента, но там нет ничего, что должно отменить код h1 и h1.title. Кроме того, только два элемента в application.css - h1 и h1.title - мое приложение по-прежнему довольно мало. – Anconia

Я переместил тело h1 и h1.title all в application.css, и теперь он отлично работает, что имеет смысл, поскольку application.css - это первый файл, который нужно выполнить. Должен ли теперь код приложения расшириться в application.css или оставить его scaffold.css.scss? – Anconia

Я установил код приложения в отдельный файл .css, чтобы сохранить application.css tidy. Обычно код css не должен быть в application.css, и он также относится к js и application.js. – afaf12

Ошибка таблицы стилей приложения Rails

ответ

Смежные вопросы