글꼴 CSS 속성이 굵은 글꼴 두께를 취소하는 이유는 무엇입니까?
<p>쓸모없는 태그가 많이 포함된 컴퓨터 생성 HTML에서 불필요한 태그를 제거하라는 요청을 받았습니다(색상/강력/em 정보만 유지하고 싶습니다). 다음 HTML과 유사한 내용을 발견했습니다. </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: 20pt "Arial"">
<strong>굵게 굵게 쓰지 않음 굵게 굵게 쓰지 않음
</스팬>
</b>
</pre>
<p>저에게는(크롬 및 파이어폭스에서) <code>bold</code> 텍스트가 굵게 표시되고 <code>굵게 표시되지 않은</code> 텍스트가 굵게 표시되지 않습니다. 이것이 혼란스럽습니다. 특히 이로 인해 내 작업이 더욱 복잡해졌습니다. 색상/강도/em 정보 없이 태그만 제거하면 된다고 생각하여 다음과 같이 변경했습니다. </p>
<pre class="brush:html;toolbar:false;"><b>
<strong>굵게 굵게 쓰지 않음 굵게 굵게 쓰지 않음
</b>
</pre>
<p>하지만 이제는 모든 텍스트가 이전보다 굵게 표시됩니다.</p>
<p>이 동작을 재현하기 위해 <code>FONT</code> 스타일에 무엇을 넣을 수 있는지 알아보고 있습니다. </p>
<p><code>Arial</code>를 <code>foo</code>로 바꾸면 다음 동작이 유지됩니다. </p>
<pre class="brush:html;toolbar:false;"><b>
<스팬 스타일="FONT: 20pt foo">
<strong>bold</strong> 굵게 표시되지 않음 <!-- 굵게 표시되지 않음은 실제로는 굵게 표시되지 않음 -->
</스팬>
</b>
</pre>
<p>크기와 글꼴을 전환한 후 동작이 다음과 같이 변경되었습니다. </p>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: "Arial" 20pt"
<strong>굵게 굵게 표시되지 않음 <b>굵게 표시됨 굵게 표시되지 않음 <!-- 20pt는 모두 굵게 표시됩니다 --->
</스팬>
</b>
</pre>
<p>두 값 중 어느 것도 효과가 없습니다:</p>
<pre class="brush:html;toolbar:false;"><b>
<span style="FONT: "Arial"">
<strong>굵게</strong> 굵게 표시되지 않음 <b>굵게 표시됨 굵게 표시되지 않음 <!-- 모두 굵게 표시됨 --->
</스팬>
</b>
</pre>
<pre class="brush:html;toolbar:false;"><b>
<스팬 스타일="FONT: 20pt">
<strong>굵게</strong> 굵게 표시되지 않음 <b>굵게 표시됨 굵게 표시되지 않음 <!-- 모두 굵게 표시됨 --->
</스팬>
</b>
</pre>
<p></p>
<p></p>
<p>이 동작을 설명할 수 있는 사람이 있습니까? 아니면 적어도 외부 스타일을 억제하기 위해 어떤 스타일을 찾아야 하는지 말해 줄 수 있습니까? </p>
