Warum hebt die CSS-Eigenschaft „font' die Fettschrift auf?

Question

Ich wurde gebeten, unnötige Tags aus einem computergenerierten HTML-Code zu entfernen, der viele nutzlose Tags enthält (ich möchte nur die Informationen zu Farbe/stark/em behalten). Ich bin auf etwas Ähnliches wie den folgenden HTML-Code gestoßen:

<b>
  <span style="FONT: 20pt &quot;Arial&quot;">
    <strong>fett</strong> nicht fett <b>fett</b>
  </span>
</b>

Bei mir (auf Chrome und Firefox) wird bold-Text als fett und nicht fett-Text als nicht fett angezeigt. Ich bin darüber verwirrt. Dies machte meine Aufgabe insbesondere komplizierter: Ich dachte, ich könnte einfach die Tags ohne Farb-/Stark-/EM-Informationen entfernen, also änderte ich sie wie folgt:

<b>
   <strong>fett</strong> nicht fett <strong>fett</strong>
</b>

Aber jetzt ist der gesamte Text fett gedruckt, anstatt wie zuvor.

Ich versuche herauszufinden, was ich in den Stil FONT einfügen kann, um dieses Verhalten zu reproduzieren:

Das Ersetzen von Arial durch foo

<b>
  <span style="FONT: 20pt foo">
    <strong>bold</strong> nicht fett <b>nicht fett <!-- nicht fett ist eigentlich nicht fett -->
  </span>
</b>

Nach dem Ändern der Größe und Schriftart änderte sich das Verhalten:

<b>
  <span style="FONT: &quot;Arial&quot;
    <strong>fett</strong> nicht fett <b>fett</b>
  </span>
</b>

Keiner der beiden Werte hat irgendeine Auswirkung:

<b>
  <span style="FONT: &quot;Arial&quot;">
    <strong>bold</strong> nicht fett <b>bold</b>
  </span>
</b>

<b>
  <span style="FONT: 20pt">
    <strong>bold</strong> nicht fett <b>bold</b>
  </span>
</b>

Kann jemand dieses Verhalten erklären oder mir zumindest sagen, nach welchen Stilen ich suchen sollte, um die äußeren Stile zu unterdrücken?

Answer 1

我想我找到了我问题的答案，在font css属性文档页面上。它说：

(我强调)

再往下一点：

所以设置font: 20pt arial等同于设置font-style: normal;font-variant: normal;font-weight: normal;font-stretch: normal;font-size: 20pt;line-height: normal;font-family: arial

特别是，font-weight从bold（或其他值）重置为normal。

所以为了解决我根本问题，我应该寻找没有指定字重的font标签。

P.S. font: arial 20pt没有这种行为的原因是因为这不是font的允许值，所以它被忽略：

而在font: arial 20pt中，字体族并不是最后一个指定的值。