Question

我在node.js项目中使用express-handlebars。我在我的把手布局的<head>部分中包含了CSS和JS文件。问题是，CSS只会应用于代码的<head>部分，而不会应用于<body>。如果我在布局文件的body标签中链接CSS，它仍然无法正常工作。我能让它正确出来的唯一方法是，如果我将CSS链接到每个＆＃34; body＆＃34;插入到布局中的文件。如果重要，我正在使用bootstrap。

我使用把手有点新，但我无法在网上找到这样的东西，所以希望有人知道这是什么问题。

这是我的layout.handlebars文件：

    <link rel="stylesheet" type="text/css" href="/bootstrap/css/bootstrap.css"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/main.css"/>

    <div className="navbar navbar-default">
        <div className="container-fluid">
            <div className="navbar-header">
                <button type="button" className="navbar-toggle" 
                    data-toggle="collapse" data-target="#my-navbar">
                    <span className="icon-bar"></span>
                    <span className="icon-bar"></span>
                    <span className="icon-bar"></span>  
                </button>
                <a className="navbar-brand" href="/"> Home </a>
            </div>
            <div id="my-navbar" className="collapse navbar-collapse">
                <ul className="nav navbar-nav" role="tablist">
                        <li> <a href="messenger"> Messenger </a> </li>
                        <li> <a href="contact"> Contact </a> </li>
                </ul>
                <ul className="nav navbar-nav navbar-right" role="tablist">
                        <li > <a href="login"> Login </a> </li>
                        <li > <a href="register"> Register </a> </li>
                </ul>
            </div>
        </div>
    </div>

    {{{ body }}}

这是＆＃34;身体＆＃34;把手文件：

<div className="container-fluid welcome-msg">
    <p>
        Welcome.
    </p>
</div>

基本上，我想要的是链接布局中的CSS文件并将其应用于所有内容。我知道CSS已加载，因为它正在改变字体和背景颜色，所以它不是路径的问题。谢谢你提前。

如果您需要我更好地解释一下，请告诉我。

Answer 1

我设法以某种方式解决了这个问题。我将旧的静态html文件中的所有内容复制到主要的把手布局中，然后从那里进行编辑。这解决了它，但我不知道如何，因为一切都应该完全相同。

修改

好的，我明白了。我之前一直在使用react而不是把手，而我所有的css“class”标签都改为“className”。改回来修复每一个。

CSS In Handlebars布局不适用于Body

1 个答案: