为特定页面包含样式表的最佳方法是什么？

Question

谢谢你的观看.

我的网站使用PHP为每个页面包含相同的页眉和页脚.

我想要一个仅专门用于特定页面的样式表,因此请使用适当的标签来设置样式.

...<body><style type="text/css"> /* what ever */ </style></body>...

样式表在我测试的所有浏览器中都得到了正确处理,但W3C没有正确验证它,因为它位于body标签内而不是head.

我的问题是:
如果我不能将样式表放在body标签中,那么包含它的最佳方法是什么？我可以在PHP标头中引用样式表,但我不想为这么小的文件提供另一个HTTP请求.你会怎么做？什么是最不马虎的方式呢？虽然样式标记不应该在<body>中,但浏览器仍然可以正确处理它.

Answer 1

如何给身体一个id然后只包含一般CSS中的页面特定文件,但样式前缀为id选择器？像这样的东西:

在页面上

<body id="pageSpecificId">......</body>

在CSS文件中:

#pageSpecificId p {
   ... paragraph specific styles ...
}

#pageSpecificId li {
   ... list item specific styles ...
}