Question

我正在努力尝试以某种方式将main.css链接到我的html模板中。我不确定为什么它不能正常工作，所以我没办法了。

我已在我的基本html文件的head块中添加了这一行。

<link type="text/css" rel="stylesheet" {{ source('main.css') }}">

这是我在CSS文件中拥有的所有内容

body{
   background: red;
}

这是我的文件夹结构

Answer 1

您应该在main.css目录的相对路径中创建templating。

问题是source可能不是您想要的东西。看下面的模板：

树枝

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" {{ source('main.css') }}">
    </head>
    <body>
        This is Body
    </body>
</html>

浏览器中产生的HTML源代码是这样的：

HTML来源

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" body{ background: red;}">
    </head>
    <body>
        This is Body
    </body>
</html>

您可能正在使用asset树枝功能：

<link type="text/css" rel="stylesheet" {{ asset('main.css') }}">

请注意，asset获取相对于public目录的路径，因此您应该将网络资产放在public而不是templating中。

如果您使用的是Symfony 4，则还应该安装symfony / asset：

composer require symfony/asset

您可以在此处了解更多信息：Creating and Using Templates, Linking to Assets

将自定义CSS添加到树枝模板，样式不适用

1 个答案: