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

时间:2012-08-24 23:49:34

标签: javascript jquery html css

我有.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>可以解决问题,但它不是解决方案。

1 个答案:

答案 0 :(得分:2)

是的,绝对的。它们将被正确引用。许多框架(如JQuery)都会对控件进行样式化。