html - 将 CSS 格式应用于 font-weight :bold 的每个实例

Question

这个问题表明我对 CSS 根本缺乏理解，但我很难通过网络研究找出这是否可行。

目标

使 HTML 文件中的所有 font-weight: bold 实例看起来像样式代码(例如，Markdown 如何在被反引号包围时呈现文本)

什么行不通

HTML 由不允许我执行以下操作的 VSTS 扩展输出:

• 向 HTML 文档添加 ID 或类
• 使用 JavaScript 或任何其他方法以编程方式更改 HTML 或 CSS

我不确定是否可行或推荐的解决方案

我希望有一种方法可以以这种方式修改 CSS(此示例的目的是传达我的目标；我知道它行不通):

font-weight: bold {
  color: purple
}

我知道这个问题可能很荒谬，但感谢您提出任何想法或确认这是不可能的。

Answer 1

根据您的评论:

It is wrapping them in <span style="font-weight:bold;">text</span>

您可以使用 CSS 选择器 [attribute*=value]这样:

span[style*="font-weight:bold"]{
  font-size: 50px;
}

现在每个 span 都有样式 font-weight:bold将获得 CSS。

请参阅我在 Codepen 中的示例.

注意:您可以使用span[style*="bold"]如果在跨度中样式为:font-weight: bold，它也会起作用(带空格)。