gpt4 book ai didi

html - 将自定义 css 添加到 Twig 模板,样式不适用

转载 作者:可可西里 更新时间:2023-11-01 13:19:50 25 4
gpt4 key购买 nike

我非常努力地尝试以某种方式将我的 main.css 链接到我在 twig 中的 html 模板。我不确定为什么它不能正常工作,而且我已经没有想法了。

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

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

这是我的css文件中的所有内容

body{
background: red;
}

这是我的文件夹结构

enter image description here

最佳答案

enter image description here

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

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

Twig

<!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 Twig 函数:

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

请注意,asset 获取相对于 public 目录的路径,因此您应该将您的网络 Assets 放在 public 中,而不是 模板化

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

composer require symfony/asset

您可以在这里阅读更多相关信息:Creating and Using Templates, Linking to Assets

关于html - 将自定义 css 添加到 Twig 模板,样式不适用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53107254/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com