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

我正在动态创建一个列表，并希望添加一些CSS，使列表项文本的粗体部分。这可以通过加粗文本直到找到破折号

-

来实现

我的目标输出如下：

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

<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>

---

更好的选择是在listcell中放置两个标签。 例如，您可以使用带有msg1和msg2字段的pojo，或允许每行有多个条目的任何其他类型（映射、数组等），而不是使用

ListModelList

或

List

作为模型

假设Pojo选项（

ListModelList

而不是

ListModelList

）：

.msg1{
字体大小：粗体；
}
...

这是不可能的。如果是这样的话，如果你有一个JS解决方案，它也会很受欢迎：你可以像你最初的例子一样使用样式，但是sclass的伸缩性更好，特别是如果你渲染“很多行”的话。虽然不多，但也不会花你任何钱。我自己也是这样实现的！伟大的解决方案伙伴，谢谢：）

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