Javascript 有没有一种方法可以在设置字符之前对文本应用粗体权重，在设置字符之后对文本应用普通权重（或者任何类型的css），而无需手动格式化？

我正在CMS环境mybigcommerce.com中与一个电子商务客户端合作，标题可能需要大量清理以使其更具可读性，例如：

用于安装ExcelMate驱动器等的5/16 x 12 ExcelMate钻头和面板驱动器

我带来了几十个，也许几百个产品，想看看是否有办法设置产品的h1 css来自动格式化分数，以及em破折号前后的文本，而无需进入并手动添加一堆span标记。我知道单是css就要求很多，但有没有脚本可以做到这一点

将每一组样式规则分开的字符将是一个em破折号，分数样式的分数分隔符，但分隔符前后的文本不一致，因此：before和：after不容易使用

这是我可以在InDesign中使用打印样式来完成的事情，它为我节省了大量的时间，而且如果有一种方法可以使用jQuery和CSS来完成它，它似乎会非常方便——我知道这将为我在这个项目上节省大量的时间

提前谢谢你的建议

---

更新：抱歉，我忘了提到我想动态更新的第二个原因：一旦我完成了定期更新，客户端将接管。客户机不是一个编码员，让他在类中应用h1标记将是一个挑战，甚至仅仅是一个简单的h1标记，对他来说在类中应用跨度将是难以置信的困难。要做到这一点，至少需要五个跨度，因此使用.js或jQuery动态应用标记不仅可以节省大量工作，还可以确保在我完成后能够正确完成。

单独使用CSS无法做到这一点

CSS可以应用于标记或其子项。应用的样式将应用于标记的所有内容。如果您需要分离，那么您将需要修改HTML以包含一些可以应用CSS的标记

---

你已经有了如何分割的想法。您不必手动执行此操作，也可以使用正则表达式或其他模式匹配来添加标记。

单独使用CSS是不可能的

CSS可以应用于标记或其子项。应用的样式将应用于标记的所有内容。如果您需要分离，那么您将需要修改HTML以包含一些可以应用CSS的标记

你已经有了如何分割的想法。您不必手动执行此操作，可以使用正则表达式或其他模式匹配来添加标记。

一种方法是使用：before{}和：after{}伪类。但我认为这不适合你的选择

另一种方法可能是导入字体库并使用javascript cufon来实现这一点。例如，您可以过滤选择并让它们使用不同的样式。在下面的示例中，e-g标题和li将使用不同的字体

这只是一个例子

<script type="text/javascript">
    Cufon.replace('h1, h2, h3, h4 , ul li', { fontFamily: 'Myriad Pro', textShadow: '#fff 1px 1px', hover:true,fontSize:'16px' });
</script>

一种方法是使用：before{}和：after{}伪类。但我认为这不适合你的选择

另一种方法可能是导入字体库并使用javascript cufon来实现这一点。例如，您可以过滤选择并让它们使用不同的样式。在下面的示例中，e-g标题和li将使用不同的字体

这只是一个例子

<script type="text/javascript">
    Cufon.replace('h1, h2, h3, h4 , ul li', { fontFamily: 'Myriad Pro', textShadow: '#fff 1px 1px', hover:true,fontSize:'16px' });
</script>

---

当然，只要让jQuery生成标记，使用标记有什么错？标记是好的，必要的，只要它们是动态应用的，而不是手动应用的。抱歉，如果我不清楚这是什么意思。修订：标记是好的，必要的，只要它们是动态应用的，而不是手动应用的。对不起，如果我不清楚这就是我的意思。动态生成它们正是我想要的。。。你知道怎么做吗？！谢谢当然，只要让jQuery生成标记，使用标记有什么错？标记是好的，必要的，只要它们是动态应用的，而不是手动应用的。抱歉，如果我不清楚这是什么意思。修订：标记是好的，必要的，只要它们是动态应用的，而不是手动应用的。对不起，如果我不清楚这就是我的意思。动态生成它们正是我想要的。。。你知道怎么做吗？！谢谢我还没试过用Cufon。。。我的任何项目都没有。我读过一些关于他们的书，但没有试过。这还需要标记标题的各个部分吗？我最初考虑的是：before和：after，但这需要前后文本一致，而不是分隔符。谢谢我还没试过用Cufon。。。我的任何项目都没有。我读过一些关于他们的书，但没有试过。这还需要标记标题的各个部分吗？我最初想的是：之前和之后，b

---

但它需要前后文本一致，而不是分隔符。谢谢谢谢Kami，是的，某种模式匹配将是最好的方法，我想我必须解决如何匹配！谢谢谢谢Kami，是的，某种模式匹配将是最好的方法，我想我必须解决如何匹配！谢谢