如何动态添加CSS样式到HEAD标签?

时间:2013-11-14 08:57:01

标签: javascript jquery html html5 css3

我有一个不寻常的场景,我需要从STYLE获取HTML document A标记(仅第二个标记)的内容并将其添加到{{1在HEAD的{​​{1}}标记之后标记。 A和B在同一台服务器上。 它必须是动态的,我无法控制生成的CSS(cms)。

我想知道:

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

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

LINK

2 个答案:

答案 0 :(得分:1)

您可以使用jQuery创建一个单独的.js文件来操纵css(或者只是将其添加到HTML代码中),然后根据需要将.js链接到HTML B或两者。只需将需要继承样式的所有元素设置为一个类,然后编写jQuery来操作该类的css。

示例代码:

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

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

答案 1 :(得分:0)

您可以尝试以下方式:

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

  2. 在单独的样式表中使用该特定CSS样式。并参考那种风格 页面在需要的页面中。