是否可以在 CSS 中找到破折号之前将列表项的文本加粗？

Question

我正在动态创建一个列表，想添加一些 CSS list-items 文本的粗体部分。这可以通过加粗文本直到找到破折号 -.

来传递

我的目标输出是上面的：

第一个标题 - 第一个元素
第二个标题 - 第二个元素

<listbox hflex="1" style="text-align:left; border: none;" model="@load(model.validationWarnings)">
    <template name="model">             
        <listitem disabled="true" style="background: #ffff !important;">
            <listcell value="${each}" label="${each}" style="font-size: 12px; color: #E85252;"/>
        </listitem>   
    </template>
</listbox>

Answer 1

更好的选择是在列表单元格中放置两个标签。除了使用 ListModelList<String> 或 List<String> 作为模型，您还可以使用带有 msg1 和 msg2 字段的 pojo，或者任何其他允许每行有多个条目的类型（Map、Array 等）

假设 Pojo 选项（ListModelList<MyPojo> 而不是 ListModelList<String>）：

<style>
    .msg1{
        font-weight: bold;
    }
</style>
...
<listcell value="${each}">
    <label value="${each.msg1}" sclass="msg1" />
    <label value="${each.msg2}" sclass="msg2" />
</listcell>

是否可以在 CSS 中找到破折号之前将列表项的文本加粗？

Is it possible to bold a text of a list item until you find a dash in CSS?

css

zk