基于模式，相同的CSS样式格式不同

Question

是否可以定义一种样式，为非括号文本分配一组格式规则，为括号内分配另一组格式规则？这样做的原因是为了避免格式标记（例如<b>或<span>）的混乱。例如，如果我有类似的东西

<B>Item1</B> (expl), <B>Item2</B> (expl2), ..., <B>ItemN</B> (explN)

将其声明为

会更清晰

<span class="myClass">Item1 (expl), Item2 (expl2), ..., ItemN (explN)</span>

其中myClass被定义为在一组与非括号内的规则不同的规则下格式化括号内的文本（在此示例中为粗体加粗括号）。

Answer 1

我不认为这不能在HTML / CSS中完成，但可以通过使用Javascript来实现。加载页面后（onLoad），您可以扫描项目（可能正在使用正则表达式），然后使用自定义标记环绕文本。