html - 让<em>标签在斜体上下文中生成非斜体文本

我已经将h4标记设置为使用斜体字体样式font-style: italic;。工作正常。
在标题中，我有时会使用em标记来强调单词。
当这种情况发生时，我希望强调的单词以非斜体字体呈现，以区别于周围的文本。
我有什么选择？
为了清楚起见，当在em标题之外使用h4时（对于非斜体文本），它应该斜体文本。
只有当周围的文本为斜体时，我才希望em的行为有所不同。我强烈希望只使用HTML和全局CSS属性。
基本的哲学是：em应该通过使文本与周围的文本不同来引起人们对文本的注意。我不知道如何做到这一点，以一种对周围文本的上下文敏感的方式。
我想知道是否有一个简单的方法。

最佳答案

喜欢这个

h4 {
  font-style: italic
}

h4 em {
  font-style: normal /* initial */
}

<h4>hey text italic by CSS</h4>
<h4><em>hey text normal because <code>em</code> is here</em></h4>
<em>hey text by default tag</em>

关于html - 让<em>标签在斜体上下文中生成非斜体文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43576258/