Html 压倒一切<；sup>；造型

我想用CSS忽略/覆盖

元素样式，使它们看起来像普通文本。我无法打开HTML中的上标元素

换言之

<div>Some <sup>random</sup> text.<div>

一些随机文本。

看起来应该一模一样

<div>Some random text.<div>

一些随机文本。

---

请问我怎样才能做到这一点？我应该试着对抗上标的影响，还是有更聪明的方法？提前谢谢

sup标记使用字体大小和垂直对齐来创建效果，但您可以将其重置回初始值

---

您可以使

sup

标记从其父级继承其

font size

和

vertical align

（

div

）

sup{
字体大小：继承；
垂直对齐：继承；
}

---

一些随机文本。

通过为“sup”添加以下样式，您可以做到这一点

sup{
  font-size: initial;
  vertical-align: baseline;
}

这里是这个代码的链接。

根据，sup的默认样式为

垂直对齐：超级；
字体大小：较小；
线高：正常；

---

这就是你需要重置的三个属性

或者使用值

unset

，但目前还没有那么多浏览器支持。对于这两个属性，

inherit

可以很好地工作。这正是我想要的！谢谢请注意，在某些极端情况下，还需要重置线高度。请参见，其中不重置线高度的解决方案与原始解决方案不同。只在Mozilla上。

sup{
  font-size: initial;
  vertical-align: baseline;
}