覆盖<sup>样式

Question

我想用CSS忽略/重写<sup>元素样式，这样它们看起来就像普通文本。我不能在HTML中打开上标元素。

换句话说，它的输出

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

看起来就像

<div>Some random text.<div>

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

Answer 1

您可以让sup标记从父标记( div)继承它的font-size和vertical-align。

​

sup {
  font-size: inherit;
  vertical-align: inherit;
}

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

​

即使父程序已经应用了更多的样式，这也是可行的。

​

div {
  font-size: 10px;
}

sup {
  font-size: inherit;
  vertical-align: inherit;
}

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

​

Answer 2

sup标签使用字体大小和垂直对齐来创建效果，您可以将其重新设置为它的初始值。

http://jsfiddle.net/p4ohok7a/

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

Answer 3

通过为'sup‘添加以下样式，您可以这样做。

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

以下是此代码的链接。http://jsbin.com/zuhasoqide/edit?html,css,output