我陷入了只能访问网站正文而不是头部的情况。我必须使用新的样式表。现在我遇到的解决方案是在网站正文中添加 CSS 文件。当然，这是一个 hack，所以我想知道是否有更好的解决方案？
【问题讨论】：
.innerHTML += "<link ="#">"; 应该只适用于 javascript。
标签： css
我们有不同的方式来加载 CSS 文件。
1 - HTML - 在页面上加载外部 CSS 文件的常规方式是：
<head>
<link rel="stylesheet" type="text/css" href="file.css" />
</head>
2 - CSS - 使用 CSS 文件中的标签 import
@import url("another_file.css");
3 - JavaScript - 只使用 JavaScript 来做，你应该创建一个 Javascript 函数：
<script type="text/javascript">
function loadCSS(filename){
var file = document.createElement("link");
file.setAttribute("rel", "stylesheet");
file.setAttribute("type", "text/css");
file.setAttribute("href", filename);
document.head.appendChild(file);
}
//just call a function to load your CSS
//this path should be relative your HTML location
loadCSS("path_to_css/file.css");
</script>
4 - JavaScript - 您可以添加动态定义，例如：
<script type="text/javascript">
var sheet = (function() {
var style = document.createElement("style");
style.appendChild(document.createTextNode(""));
document.head.appendChild(style);
return style.sheet;
})();
sheet.insertRule("span { visibility: hidden }", 1);
</script>
【讨论】：
document.head代替document.getElementsByTagName("head")[0]。
file在这里是未定义的？你刚刚创建了它。
怎么样：
$('head').append('<link rel="stylesheet" type="text/css" href="{yoururl}">');
【讨论】：
你的意思是重新定义 CSS 并覆盖之前的 CSS 吗？：
<html>
<head>
<style type='text/css'>
* {color:red;}
p {background-color:yellow;}
</style>
</head>
<body>
<style type='text/css'>
* {color:green;}
p {background-color:black;}
</style>
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." </p>
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." </p>
</body>
</html>
您可以在那里复制整个样式表，当然也可以将其包含在 php 或 javascript 中。但是像这样，查看头部 CSS 样式表并覆盖出现在正文中的所有样式应该可以工作。不过不确定这是否干净。
【讨论】：
Error: Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.) 我认为@Bachsau 的评论是正确的，尽管根据其他答案听起来很多（也许是大多数？也许是全部？）浏览器支持这种非标准形式。但目前尚不清楚它是否会在现在或将来破坏某些浏览器。
您可以使用@import url("your_styles.css"); 方法。
如果您有权访问在文档开头调用的样式表，则可以将其添加到 CSS 文档的顶部。
您也可以尝试在您的文档中添加一个备用 <head>，我不建议这样做，但如果您必须这样做，您也可以这样做：
<style type="text/css">
@import url("your_style.css");
</style>
如果您不关心向后兼容性，还有 HTML5 scoped 属性已在此问题中得到解决：Does <STYLE> have to be in the <HEAD> of an HTML document?
希望这会有所帮助！
编辑：
找到两个关于@import 功能的链接。一个是来自 Mozilla 开发者中心的工作草案，最后更新于 2012 年 7 月 31 日：
https://developer.mozilla.org/en-US/docs/CSS/@import
还有一篇包含浏览器支持统计信息的 Sitepoint 参考文章：
http://reference.sitepoint.com/css/at-import
我想这在必要时仍然是一个实用的、可用的功能。
【讨论】：
显然，它似乎对我有用，如果它看起来像的话
<link href="/main.css" rel="stylesheet" type="text/css" />
但不是，如果它包含/cssin rel.
<link href="/main.css" rel="stylesheet/css" type="text/css" />
刚刚自己测试了这个，想发布这个来强调这个陷阱。
【讨论】：
body-ok，这意味着它们可以在页面的<body> 部分中使用。 stylesheet/css 甚至是 rel 的有效值吗？据我所知，可以有多个值，但它们必须用空格分隔。
您可以在正文部分放置<head></head> 标签。
【讨论】：