<em>标签删除了css样式

Question

我正在学习HTML和CSS。目前我正在为我的数学课程编写教程网页。我希望能够使用Times New Roman设置方程式并使用斜体来表示变量而不是数字，所以我在CSS中添加了一个简单的类来覆盖默认字体：

.function {
font-family: "Times New Roman", serif;}

当我格式化这样的段落时，字体会在Times New Roman中显示，就像它应该：

<p class="function">f (x) = 3x - 12</p>

但是当我像这样添加em标签时：

<p class="function"><em>f</em> (<em>x</em>) = 3<em>x</em> - 12</p>

Times New Roman字体被我用于页面上文本的主要字体所取代。我可以在每个class="function"标记中添加em标记，但这样做会破坏样式段落的目的。为什么在添加重点时会覆盖CSS样式？

Answer 1

您可以使用：

ƒ 402 ƒ

402是ASCII code，ƒ是HTML

修改

检查这个问题请：

https://jsfiddle.net/0gf71twp/

Answer 2

KolaCaine的答案很好，也是最好的方法。但是要解决CSS问题，您可能需要专门将字体应用于em标记，如下所示：

.function em {
    font-family: “Times New Roman”, serif;
}