css - 在 <head> 之后包含 CSS 的正确方法

标签 css html w3c

显然添加了 <link rel="stylesheet" ...在文档正文中,W3C 标准认为这是一种不好的做法。同样添加 <style>体内的积木...

因此,是否有任何符合标准的解决方案可以在 <head> 之外添加 CSS标签?就像文档末尾一样。

最佳答案

如果您只想在特定事件中包含您的 CSS 样式,没有什么可以阻止您这样做:

var linkElement = document.createElement("link");
linkElement.rel = "stylesheet";
linkElement.href = "path/to/file.css"; //Replace here

document.head.appendChild(linkElement);

这具有以异步方式添加样式表的额外好处,不会阻止浏览器下载任何其他内容。

关于css - 在 <head> 之后包含 CSS 的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10665268/

相关文章:

css - 在不破坏向前兼容性的情况下定位 Shadow DOM 元素

html - 哪些主要网站正在使用 HTML5 导航元素?

来自 base.html 的 jquery 在 django 的其他模板中不起作用

html - <button class ="button"> 标签 vs <div class ="button">

javascript - Google Map API 路线请求限制

css - 无法覆盖 Doxygen 中的搜索框 css 规则

jquery - 多级下拉菜单切换无法使用 jquery

javascript - 检查显示已从样式表中删除的 CSS 的元素

xml - 使用 XS :date i want date in format YYYYMMDD

css - 在CSS Flexbox中,为什么没有“justify-items”和“justify-self”属性?