Pourquoi la propriété CSS font annule-t-elle le poids de la police en gras ?
P粉662802882
2023-08-27 23:37:21
<p>On m'a demandé de supprimer les balises inutiles d'un code HTML généré par ordinateur qui contient de nombreuses balises inutiles (je souhaite simplement conserver les informations de couleur/forte/em). Je suis tombé sur quelque chose de similaire au code HTML suivant : </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : 20 pts "Arial"">
<strong>gras</strong> pas gras <b>gras</b>
</envergure>
≪/b>
≪/pré>
<p>Pour moi (sur Chrome et Firefox), il affiche le texte <code>bold</code> en gras et le texte <code>not bold</code> en non gras, je suis confus à ce sujet. En particulier, cela a rendu ma tâche plus compliquée : je pensais pouvoir simplement supprimer les balises sans informations de couleur/strong/em, alors je l'ai modifié comme suit : </p>
<pre class="brush:html;toolbar:false;"><b>
<strong>gras</strong> pas gras <strong>gras</strong>
≪/b>
≪/pré>
<p>Mais maintenant, tout le texte est en gras au lieu de ce qu'il était avant.</p>
<p>J'essaie de comprendre ce que je peux mettre dans le style <code>FONT</code> pour reproduire ce comportement : </p>
<p>Le remplacement de <code>Arial</code> par <code>foo</code>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : 20pt foo">
<strong>bold</strong> pas gras <b>bold</b> pas gras <!-- pas gras n'est en fait pas gras 20pt est appliqué -->
</envergure>
≪/b>
≪/pré>
<p>Après avoir changé la taille et la police, le comportement a changé : </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : "Arial"
<strong>bold</strong> pas gras <b>bold</b> pas gras <!-- tout est en gras 20pt n'est _pas_ appliqué -->
</envergure>
≪/b>
≪/pré>
<p>Aucune des deux valeurs n'a d'effet : </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : "Arial"">
<strong>gras</strong> pas gras <b>gras</b> pas gras <!-- tout est gras -->
</envergure>
≪/b>
≪/pré>
<pre class="brush:html;toolbar:false;"><b>
<span style="POLICE : 20pt">
<strong>gras</strong> pas gras <b>gras</b> pas gras <!-- tout est gras -->
</envergure>
≪/b>
≪/pré>
<p></p>
<p></p>
<p>Quelqu'un peut-il expliquer ce comportement, ou au moins me dire quels styles je dois rechercher pour supprimer les styles externes ? </p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Je pense avoir trouvé la réponse à ma question sur la page de documentation des propriétés font css. Il dit :
(c'est moi qui souligne)
Un peu plus bas :
Alors prêt
font: 20pt arial等同于设置font-style: normal;font-variant: normal;font-weight: normal;font-stretch: normal;font-size: 20pt;line-height: normal;font-family: arialSurtout,
font-weight从bold（或其他值）重置为normal.Donc, pour résoudre mon problème fondamental, je devrais rechercher des balises
fontqui n'ont pas d'épaisseur de police spécifiée.P.S. La raison pour laquelle
, elle est donc ignorée :font: arial 20pt没有这种行为的原因是因为这不是fontn'a pas ce comportement est que ce n'est pas une valeur autorisée pour
, la famille de polices n'est pas la dernière valeur spécifiée. 🎜font: arial 20ptEt dans