更改部分样式表答案

【问题标题】：Changing stylesheet for a partial更改部分样式表
【发布时间】：2010-09-21 05:44:46
【问题描述】：

我的 Rails 应用程序中有一个 Movie 类，我有一个“_movie.html.erb”部分显示电影的标题、总体评分和简短摘要。

我想要一个样式表应用于这个特定的部分，但在我的应用程序中没有其他内容。

我该怎么做？

如果有帮助，我不想对部分进行某种类型的 CSS 分类，因为样式表是一个巨大的、庞大的混乱，不是我创建的，将来可能会更新。（例如，假设部分试图模仿 RottenTomatoes 显示电影的方式。）

【问题讨论】：

【解决方案1】：

如果我错了，请纠正我，但我认为部分与特定样式表无关。

您可能必须将部分内容包装为：

<div id="movie">
  <!-- partial code -->
</div>

然后你可以只使用一个单独的样式表，比如movie.css，除了主样式表之外，你可以链接它来做你的样式（也可以放在主样式表中）。没有办法使用我知道的任何 id 或类。

【讨论】：

如何确保 movie.css 样式表仅适用于 id="movie" 的 div？我是否必须将“#movie”添加到 movie.css 中的每个选择器？
是的，所以在电影部分中设置 p 标签的样式将是#movie p {css:rule;}。在电影中的 ul 中设置 li 项目的样式看起来像 #movie li {css:rule;}。希望这能解决问题。

【解决方案2】：

只需将所有 CSS 放在一张纸上 - 出于性能考虑，这样做会更好。

具体性决定了哪些 CSS 适用于哪些元素，所以只需像这样设置所有样式

#movie p { } 
#movie table { }
#movie h1 { }

并且该 css 仅适用于 #movie div 中的内容。如有必要，您可以包含 2 个样式表以将内容分开，但除非您谈论数千行 css，否则这是不值得的，因为它仅适用于 1 个 div，这不太可能。

【讨论】：