可以使用CSS将生成的特定单词加粗吗？

问题描述

使用此称为ShipStation的软件以在线订单将其用于给定项目的东西

斑马纹Zubaz裤子
尺寸：大
颜色：红色

生成此代码的HTML短代码是[无需替换的项目选项]。

由于该软件仅限于自定义，我想知道是否存在一种使用CSS来加粗文本特定部分的方法。如果我希望“ Size：”或“ Color：”加粗，是否可以将CSS封装在一个类中，从而可以使用CSS？

解决方法

var text = `
  Zebra Striped Zubaz Pants
  Size: Large
  Color: Red
`

const el = document.getElementById('text');
text = text.replace('Size','<span class="bold">Size</span>')
text = text.replace('Color','<span class="bold">Color</span>')
el.innerHTML = text;

.text .bold {
  font-weight: bold;
}

<pre id="text" class="text">
  
</pre>

无法实现您想要的功能，您必须修改文本以通过javascript添加一些DOM并在DOM周围应用样式。