有没有一种方法可以用CSS选择一个字符串直到一个特定的字符?

有没有一种方法可以用CSS选择一个字符串直到一个特定的字符?,css,css-selectors,Css,Css Selectors,我希望能够在从markdown转换时设置我的li列表项的样式,而无需标记它们 具体而言: 我想将列表项的第一部分设置为粗体,因为它的形式类似于键值对 视觉效果应类似于此: <ul> <li><strong>key: </strong>value</li> </ul> 键:值 那么,有没有一种方法可以选择li项中的字符串直到冒号?这在CSS中是不可能的,但是部署一个javascript片段非常简单,它围绕键:文

我希望能够在从markdown转换时设置我的
li
列表项的样式,而无需标记它们

具体而言: 我想将列表项的第一部分设置为粗体,因为它的形式类似于键值对

视觉效果应类似于此:

<ul>
    <li><strong>key: </strong>value</li>
</ul>
  • 键:

那么,有没有一种方法可以选择
li
项中的字符串直到冒号?

这在CSS中是不可能的,但是部署一个javascript片段非常简单,它围绕
键:
文本的
部分:

  • 键:值
  • 这样,您就可以设置该部分文本的样式

    工作示例:

    const myList=document.getElementsByTagName('ul')[0];
    const myListItems=myList.getElementsByTagName('li');
    for(设i=0;i
    li{
    字体大小:16px;
    线高:24px;
    }
    .我的钥匙{
    字号:700;
    }
    • 键0:value0
    • 键1:值1
    • 键2:值2
    • 键3:值3
    • 键4:值4

    如何显示您现在拥有的HTML,尽管真正的问题是,为什么不将
    strong
    元素放在其中呢?如果您实际上有一个键值列表,您可以生成一个描述列表,其中dt作为键,dd作为值不存在。“异教徒猴子”这很费时,我必须一直添加
    **文本**