css - 如何将字符串添加到 Django 模板？

Question

我想把这段代码...

<section data-name="color1" data-type="color" data-order="2" style="color:{{ block.color1|default:"inherit" }}">

默认情况下在 html 中输出此标记...

<section data-name="color1" data-type="color" data-order="2" style="color: rgb(0, 0, 0);">

由于我的一个子元素存在颜色冲突，因此未应用 block.color1 变量的颜色。我想向内联 CSS 的输出添加一个“!important”来解决这个问题。换句话说，我想要输出

<section data-name="color1" data-type="color" data-order="2" style="color: rgb(0, 0, 0) !important;">

在 HTML 中。我可以向 Django 添加什么以确保我在 CSS 中收到带有 !important 的输出？

Answer 1

您可以添加另一个过滤器，假设第一个过滤器返回一个字符串:

from django import template
from django.template.defaultfilters import stringfilter

register = template.Library()

@register.filter
@stringfilter
def mark_important(value):
    return value.replace(';', '!important;')

在模板中:

<section data-name="color1" data-type="color" data-order="2" style="color:{{ block.color1|default:"inherit"|mark_important }}">