Html 将自定义css添加到细枝模板,样式不适用

Html 将自定义css添加到细枝模板,样式不适用,html,css,symfony,twig,Html,Css,Symfony,Twig,我正在努力将main.css链接到twig中的html模板。 我不知道为什么它不能正常工作,我也没有办法了 我已经在我的基本html文件的head块中添加了这一行 <link type="text/css" rel="stylesheet" {{ source('main.css') }}"> 这是我的文件夹结构 您应该在相对于模板化目录的路径中创建main.css 问题是source不是你想要的东西。请看下面的模板: 小树枝 <!DOCTYPE html> <

我正在努力将main.css链接到twig中的html模板。 我不知道为什么它不能正常工作,我也没有办法了

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

<link type="text/css" rel="stylesheet" {{ source('main.css') }}">
这是我的文件夹结构

您应该在相对于
模板化
目录的路径中创建
main.css

问题是
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>
请注意,
asset
获取相对于
public
目录的路径,因此您应该将web资产放在
public
中,而不是
模板化

如果您使用的是Symfony 4,还应安装Symfony/asset:

composer require symfony/asset

您可以在此处阅读更多信息:

似乎是Symfony 4,对吗?
main.css
应该位于
public
dir下我猜这不是css的正确路径,双击要使用的css,单击属性并转到文件位置,复制路径并复制到:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <link type="text/css" rel="stylesheet" body{ background: red;}">
    </head>
    <body>
        This is Body
    </body>
</html>
<link type="text/css" rel="stylesheet" {{ asset('main.css') }}">
composer require symfony/asset