仅将CSS应用于一个页面，而不是全部

Question

在rails中我的app/asset/stylesheet/x.css中有一个CSS文件。 我只想在一个控制器的show.html.erb页面中应用它。

这是正常的，但我的CSS也适用于我的所有应用程序页面。

如何仅在show页面上应用此CSS？ （我想从我的HTML中获得一个单独的CSS文件。）

Answer 1

将页面的最外层元素设为id，例如<div id="show-page">然后在您的CSS中使用#show-page在选择器中为每个要应用于该页面的样式，例如：

#show-page h1 {
  color: blue;
}

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

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