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

Question

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

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

Answer 1

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

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

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

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