html - CSS 将段落的不同长度部分加粗到冒号或连字符等分隔符

Question

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

所以像这样的字符串:

定义项:项的描述或定义....

看起来像:

定义项:项的描述或定义....

Answer 1

我在 javascript 中得到了这个结果，但在 css 中是不可能的: (更新并添加了 while 循环)

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