特定于页面的 CSS 规则 - 将它们放在哪里？

Question

通常当我设计网站时，我需要将特定样式应用于页面上的特定元素，并且我绝对确定它只会应用于该页面上的该元素（例如绝对定位的按钮或者其他的东西）。我不想求助于内联样式，因为我倾向于同意样式与标记分开的理念，所以我发现自己在内部争论将样式定义放在哪里。

我讨厌在我的基本 css 文件中为一次性使用场景定义特定的类或 ID，而且我害怕制作特定于页面的 .css 文件的想法。对于我正在处理的当前站点，我正在考虑将样式定义放在页面顶部的 head 元素中。你会怎么做？

原文由 Chris 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

查看是否有可以为您提供所需结果的类组合。您可能还想考虑将那个元素的 CSS 分解成几个可以在其他元素上重复使用的类。这将有助于最大限度地减少整个站点所需的 CSS。

我会尽量避免在 HTML 文件顶部使用特定于页面的 CSS，因为如果您想更改网站的外观，这会使您的 CSS 支离破碎。

对于真的，真的，永远不会用在其他任何东西上的 CSS，我仍然会求助于在站点范围的 CSS 中放置一个 #id 规则。

由于 CSS 是从不同的文件链接进来的，它允许浏览器缓存该文件，这会（非常）轻微地减少您的服务器带宽以供将来加载。

原文由 Ben S 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

有四种基本情况：

1. 风格=属性。这是最不容易维护但最容易编码的。我个人认为使用 style= 是一个错误。