Применить CSS только к одной странице, а не ко всем

Question

В рельсах у меня есть файл CSS в моем app/asset/stylesheet/x.css. Я хочу применить его только на странице show.html.erb в одном контроллере.

Это работает правильно, но мой CSS также применяется ко всем страницам моего приложения.

Как применить этот CSS только на странице show? (Я хочу отдельный файл CSS из моего HTML).

Answer 1

Дайте внешний элемент страницы id, например. <div id="show-page">, а затем в вашем использовании #show-page CSS в селекторе для каждого стиля вы хотите применить только к этой странице и т.д .:

#show-page h1 { 
    color: blue; 
} 

#show-page p { 
    font-size: larger; 
} 

/* ...and so on... */