0

如果我有一组特定于特定页面的规则，我应该在哪里放置 CSS 代码？

  • 页面级别
  • 在特定于页面的单独 CSS 文件中（如果需要，每个页面的单独文件）
  • 或公共文件中的所有 CSS 代码

最有效的方法是什么？

4

1 回答 1

4

好吧，这取决于您要达到的目标。

举例来说，如果您有一个元素的类仅在该单个页面上，并且在网站中没有任何位置，例如维护页面，并且您有一堆您不想包含在主 CSS 文件中的样式它仅适用于该页面，包括核心样式表中的那些样式没有任何意义，因为它会使您的样式表膨胀几个字节或 kbs.. 所以在这种情况下您可以使用文档级样式，这将缩小您的核心 CSS 文件，所以这是为了performance/optimization

另一方面，当涉及到优先级时，您也可以使用文档级样式，因为与外部 CSS 相比，文档级样式具有更高的优先级。

不好的部分是这些样式没有被缓存，所以一些开发人员还使用文档级别的样式声明来表示某些核心位置，从而阻止页面应用缓存的样式（这是另一个很好的部分，因为样式没有被缓存，所以它有点像两个——面对）。

当您编辑您的问题时，选择特定页面样式的最佳方法是<style>在该文档的中包含标记块<head>（虽然不是强制），并且不要在您的核心/一般样式表中包含这些样式。

  • 页面级别 -是
  • 在特定于页面的单独 CSS 文件中（每个页面需要单独的文件） -不
    ，这会增加样式表的数量，并且还会导致额外的http请求
  • 或者一个公共文件中的所有 CSS 代码 -不，这会不必要地膨胀你的核心样式表。
于 2013-09-02T05:44:19.487 回答