如何動態地將CSS樣式添加到HEAD標簽？

Question

我有一個不尋常的情況，我需要從HTML document A獲取STYLE標簽（僅第二個標簽 ）的HTML document A ，並將其添加到HTML DOCUMENT B的LINK標簽之后的HEAD標簽中。 A和B在同一台服務器上。 它必須是動態的，我無法控制所生成的CSS（cms）。

我想知道：

最好的方法是什么，我需要避免頁面閃爍
什么便宜

我可以使用HTML5和JQUERY。 我主要針對網絡套件。

    HTML A

    <html>
    <head>
    <style type="text/css">
                .styleA {}
    </style>
<!-- I am interested just in the following style tag
    <style type="text/css">
                .styleB {}
    </style>
//>
    </head>
    <body>
    </body>
    </html>



    HTML B

    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="someothercss.css">
    <!-- should be injected here -->
    </head>
    <body>
    </body>
    </html>

Answer 1

您可以使用jQuery創建一個單獨的.js文件來操縱css（或僅將其添加到HTML代碼本身中），然后將.js鏈接到HTML B或同時鏈接到HTML B（如果需要）。 只需將需要繼承樣式的所有元素設置為一個類，然后編寫jQuery來操縱該類的CSS。

示例代碼：

    $(".className").css({"background-color":"black","font-size":"12px"});

您可以在大括號內添加和操作任何CSS樣式。

Answer 2

您可以嘗試以下方式：

您可以在每個頁面中添加特定的CSS樣式。
在單獨的樣式表中具有特定的CSS樣式。 並在需要的頁面中引用該樣式表。

如何動態地將CSS樣式添加到HEAD標簽？

問題描述

2 個解決方案

解決方案1
1 2013-11-14 09:07:37

解決方案2
0 2013-11-14 09:10:17

如何動態地將CSS樣式添加到HEAD標簽？

問題描述

2 個解決方案

解決方案1 1 2013-11-14 09:07:37

解決方案2 0 2013-11-14 09:10:17

解決方案1
1 2013-11-14 09:07:37

解決方案2
0 2013-11-14 09:10:17