用 Javascript 更改 head 標簽內部 CSS 的順序

Question

我有這樣的 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">

理想情況是，如果這可以在頁面加載時完成。

Answer 1

我不明白為什么你需要用 JavaScript 來做，但答案是：

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

您可以使用此 jquery 代碼來獲取樣式表的所有鏈接標記。 使用數組操作，您可以更改順序。 有關此特定代碼段的更多信息，請參見此處

然后一旦你准備好了，你就可以遍歷代碼。 有關此的更多信息， 請點擊此處

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

顯然，更改您要附加的內容。