使用 Javascript 更改 head 标签内 CSS 的顺序答案

【问题标题】：Change the order of CSS inside of head tag with Javascript使用 Javascript 更改 head 标签内 CSS 的顺序
【发布时间】：2020-05-05 09:56:56
【问题描述】：

我有这样的 CSS 顺序：

<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="style1.css">

我想要实现的是这样的顺序：

<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="style2.css">

如果可以在页面加载时完成此操作，则理想状态。

【问题讨论】：

【解决方案1】：

我不明白为什么你必须使用 JavaScript 来做这件事，但答案是：

$("LINK[rel='stylesheet']")

您可以使用此 jquery 代码来获取样式表的所有链接标签。使用数组操作，您可以更改顺序。有关此特定 sn-p 的更多信息 here

然后，一旦你准备好了，你就可以循环代码了。更多信息来自here

$('head').append('<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">');

显然，更改您要附加的内容。

【讨论】：