可以在Javascript文件中引用定义的CSS类吗

Can CSS classes defined be referenced inside a Javascript file?

本文关键字：定义 CSS 类吗 引用 Javascript 文件      更新时间：2023-09-26

我有.js Javascript文件，其中引用了在单独的样式表文件中定义的CSS类。

我指的是这样的东西：

.attr("class", "link")

其中link是在样式表文件中定义的类。

如果我将上面的.js和.css文件链接到一个.html文件中，样式会正确应用吗？

编辑：到目前为止我尝试了什么

HTML:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Graph Test</title>
        <link type="text/css" href="../css/graph.css" rel="stylesheet">
    </head>
    <body>
        <div id="graph-container">
            <div style="width:700px; height:600px" id="graph"></div>
        </div>
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/d3/2.10.0/d3.v2.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="../js/graph1.js"></script>
    </body>
</html>

graph1.js是所讨论的.js文件，其中我引用了graph.css中的类。两个文件都存在于指定的位置，但graphs.css中定义的样式不会应用于graph1.js创建的图元。

注意：取下<!DOCTYPE html>可以消除问题，但这不是一个解决方案。

当然。它们将被正确引用。许多框架（如JQuery）都会做这种事情来设计控件的样式。

相关文章：