CSS将段落中不同长度的部分加粗，直至分隔符，如冒号或连字符

Question

有没有一种方法可以将粗体样式应用于段落开头，直到一个分隔符（如冒号或连字符）？分隔符前的值可以是任意长度。

这样的字符串：

定义项目：项目的描述或定义......

看起来像：

定义项目：项目的描述或定义......

Answer 1

用

html prettyprint-override"><span><b>Definition item:</b> description or definition of the item....<span>

Answer 2

要补充我先前的评论：

CSS只提供了伪类： first-字母和： first-line来部分样式化文本。要粗体显示文本，可以使用

看起来，有一个HTML结构可以用来描述这些文本内容：定义列表（W3C）

<代码>

dt {font-weight:bold;}

<dl>
  <dt>Definition item:</dt>
    <dd>description or definition of the item....</dd>
</dl>

Answer 3

我在javascript中得到这个结果，但在css中是不可能的：（更新并添加循环）

function myFunction(str) {
    var res = str.split(":");
    var mynewres = "<b>" + res[0] + ": " + "</b>" + res[1];
    var i = 2;
    var newres = mynewres;
    while (typeof res[i] !== 'undefined') {
        newres = newres + ":" + res[i];
        i++;
    }
    return newres;
}

var newtxt = myFunction("Note: This Function Don't Work Correctly If No Colones Are Used! That Means : You Must Use One Colone At Least!");
document.getElementById("LookHere").innerHTML = newtxt;

#LookHere {
font-size: 30px;
}

<span id="LookHere">