html - 目标字体大小 = 2 与 css

Question

我需要使用不同公司的标记代码，而他们使用的标记代码非常笨拙。我不能编辑 HTML，只有 CSS 由我决定。现在标记代码如下所示:

<p>
  <font size="2">Headline</font>
  <font size"1">Paragraph text</font>
</p>

我想为这两个元素设置不同的颜色和其他样式，但我不知道如何在 CSS 中定位它们。类似的东西？

font[size=2] {
  color: red;
}

font[size=1] {
  green;
}

Answer 1

font[size="2"] {
  color: red;
}

font[size="1"] {
  color: green;
}

<p>
  <font size="2">Headline</font>
  <font size="1">Paragraph text</font>
</p>