样式表不支持模板标签

Posted 2023-02-24

【中文标题】样式表不支持模板标签

【英文标题】：Template Tags not supported in Stylesheets

【发布时间】：2020-10-26 05:59:08

【问题描述】：

假设我在 Django 中的静态文件中创建了一个样式表。 所以其他一切工作正常。只是当我使用这条线时，它给出了一个错误

.PostProfilePic 
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(' Profile.ProfilePic.url ');
  background-size: cover;
  background-position: center;
  position: relative;
  top: 5px;

假设有一个类名PostProfilePic，我想使用数据库中的图像作为我的背景图像。那我们怎么做？？？

错误在这一行

background-image: url(' Profile.ProfilePic.url ');

上面写着cannot resolve file

当我在 html 页面中的标签之间使用这种样式时，如下所示，它完全可以正常工作

<style>
  .PostProfilePic 
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(' Profile.ProfilePic.url ');
    background-size: cover;
    background-position: center;
    position: relative;
    top: 5px;
  
</style>

虽然制作单独的.css 文件会带来麻烦...对此有什么解决方案吗？？

【问题讨论】：

您无法在样式表中访问这些变量。我建议在您的模板中编写内联 css，您可以在其中访问变量或使用 javascript

问题解决了吗？你看过我的回答吗？

是的，我在模板中包含了需要 的样式......以及样式表中的所有其他内容。

@KartikeyVaish 如果答案对您的问题有所帮助，请单击答案旁边的复选标记将其标记为已接受。请参阅here 了解更多信息

【参考方案1】：

外部.css 文件中的background-image: url(' Profile.ProfilePic.url '); 将不起作用，因为django 不会呈现变量。注意url css 函数应该满足以下约束

url() CSS 函数用于包含文件。参数为绝对 URL、相对 URL 或数据 URI。

因此它不会显示任何内容，因为 ' Profile.ProfilePic.url ' 无法解析任何内容。

花括号- 只能在模板中呈现变量，因此它在您的第二次尝试中起作用，因为它是模板中CSS 的内部定义。