仅将 CSS 应用于一页而不是全部 [重复]

【问题标题】：Apply CSS to one page only and not all [duplicate]仅将 CSS 应用于一页而不是全部 [重复]
【发布时间】：2015-07-07 17:02:36
【问题描述】：

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

这可以正常工作，但我的 CSS 也适用于我的所有应用页面。

如何仅在 show 页面上应用此 CSS？（我想要一个与我的 HTML 不同的 CSS 文件）。

【问题讨论】：

【解决方案1】：

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

#show-page h1 {
  color: blue;
}

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

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

【讨论】：