Приоритет каскада CSS не отображается правильно с Ruby on Rails

Question

У меня есть эта проблема, у меня есть проект на HTML и CSS, и если я открою index.html, он работает, просто найти, но когда я помещаю его в ruby ​​на рельсах, кажется, что CSS не работает, как предполагалось, чтобы сделать это .

Это часть CSS, просто чтобы быть более понятным, что я хочу объяснить.

#hero {
background: #0619c3 url("bg_hero.jpg");
background-size: cover; }
#hero .container {
  background: url("estudiante.png") no-repeat bottom right;
  background-size: contain; }
#hero .container .row {
  width: 44%;
  padding: 20% 2%; }
  #hero .container .row h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 10px; }
    #hero .container .row h1 span {
      color: #fd78ed; }
  #hero .container .row p {
    color: #fff;
    font-size: 16px; }
  #hero.orientador {
     background: #1785fb url("bg-orientadores.jpg") repeat-y;
     background-size: 36%; }
  #hero.orientador .row {
     background: url("estudiantes.png") no-repeat left 114%;
     background-size: 36%; }
  #hero.padre {
     background: #1785fb url("bg-padres.jpg") repeat-y;
     background-size: 36%; }
  #hero.padre .row {
     background: url("oriem-logo.svg") no-repeat left 58%;
     background-size: 34%; }

Дело в том, что у CSS есть приоритет каскадирования, но когда я добавляю Ruby on Rails, он не расставляет приоритеты для контейнеров и показывает все.

Когда я открываю инспекцию только с помощью HTML и CSS, он показывает мне что-то вроде этого

Проверьте с помощью HTML и CSS

И это то, что показывает мне проверка, когда я добавляю CSS в Ruby on Rails

Проверять, когда я запускаю его с Ruby on Rails

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

Answer 1

Проблема была вызвана отсутствием идентификатора (#page) для тела.