0

我有一个不寻常的场景，我需要从中获取STYLE标签（仅第二个标签）的内容HTML document A并将其添加到HEAD标签之后的LINK标签中HTML DOCUMENT B。A 和 B 在同一台服务器上。它必须是动态的，我无法控制生成的 CSS（cms）。

我想知道：

  • 什么是最好的方法，我需要避免页面闪烁
  • 什么东西比较便宜

我可以使用 HTML5 和 JQUERY。我主要针对 web-kit。

    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>
4

2 回答 2

1

您可以使用 jQuery 创建一个单独的 .js 文件来操作 css（或仅将其添加到 HTML 代码本身中），然后将 .js 链接到 HTML B 或两者都链接（如果需要）。只需将需要继承样式的所有元素设置为一个类，然后编写 jQuery 来操作该类的 css。

示例代码：

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

您可以在大括号内添加和操作任何 CSS 样式。

于 2013-11-14T09:07:37.413 回答
0

您可以尝试以下方法：

  1. 您可以在每个页面中添加特定的 CSS 样式。

  2. 在单独的样式表中具有特定的 CSS 样式。并在需要的页面中引用该样式表。

于 2013-11-14T09:10:17.890 回答