рельсы не выбирают стиль в производстве

Question

<div class="field hash-tag col-md-12">
  <%= form.label :hash_tags, '#Hashtags' %> 
    <span class="samples">(e.g #smile #food #life)
    </span>
  <%= form.text_area :hash_tags, class: 'form-control' %>
</div>


.samples{
 color: #4cae4c;
}


 *= require_tree .
 *= require_self
 *= require bootstrap.min.css
 *= require font-awesome.min.css
 *= require bootstrap
 *= require font-awesome
 *= require jquery-ui/accordion

В файле представления я дал класс «samples» для span, а в файле таблицы стилей я применяю цвет к этому span.Он работает в локальном хосте, но не работает в производственном процессе. Когда я проверяю с помощью Ctrl + Shift + I, он показывает все стили, кроме этого стиля образца.

Answer 1

Я преобразую свои комментарии в ответ, если вы не возражаете.

Порядок требования в файле манифеста действительно имеет значение, ваши правила CSS применяются по одному, а последнее имеет приоритетнад первым.Вот почему иногда вам приходится вообще удалять require tree . и запрашивать все файлы вручную в нужном порядке.

Похоже, ваш samples где-то перезаписан.Или, возможно, дублирование шрифта-awesome и начальной загрузки приводит к проблеме.Удалите дубликаты и переместите require tree на последнюю строку:

*= require_self
*= require bootstrap
*= require font-awesome
*= require jquery-ui/accordion
*= require_tree .