Question

我的HTML数据如下。我在Style Tag中有一个import语句。我想从相同的样式中提取CSS样式，并且我想要仅应用于id为second的div标签的所有样式。

<!DOCTYPE html>
    <html>
    <head>
        <style>
            @import url(http://www.htmlhelp.com/style.css);
            p {color:green;}
        </style>
    </head>

    <body>
        <div id="first";>
            <h1>I am formatted with a linked style sheet h1 tag</h1>
            <p>Me too! p tag</p>
        </div>
         <div id="second";>
            <h1>Second Data h1</h1>
            <p>Second data p</p>
        </div>
    </body>
</html>

我检查Javascript Firefox - Unable to query cssRules if @import is present in stylesheet- bug or expected behavior?以供参考，但在我的情况下不起作用。任何人都可以建议我解决方案或提示工作。

Answer 1

您需要使用''

  <style>
                @import url('http://www.htmlhelp.com/style.css');
                p {color:green;}
            </style>

或者只是使用：

<link rel="stylesheet" type="text/css" href="http://www.htmlhelp.com/style.css">

编辑：

只需重命名您选择的div。

如何从@import url中提取CSS样式

1 个答案: