如何用树枝改变表格中列数据的颜色？

Question

{% for item in items %}
            <tr>
                <td >
                    {{item.generated_on| date('d M, Y')| default("")}}
                </td>

                <td>
                    {{item.number}}
                </td>

                <td>
                    <ul>
                        {% for detail in item.details %}
                            <li>
                                {{detail.label}}
                            </li>
                        {% endfor %}
                    </ul>
                </td>
            <tr>

我想更改details.label字段的颜色及其样式。 details是一个由label和其他字段组成的对象。 提前谢谢

Answer 1

{% for detail in item.details %}
    <li>
        <span class="colored-label"> {{detail.label}} </span>
    </li>
{% endfor %}

然后在css中为color-label类赋予样式。

.colored-label {
    color: #ccc;
    /* other styles */
}

Answer 2

Twig isi Beck End模板，它几乎与css无关。你可以做的设计html的方法就是在浏览器上查看你的html源代码并根据它创建css文件。

或者，如果您可以控制更改detail.label，则可以更改其html结构。