内容中的上标:内容标记后

Question

.class {
    &:after {
        content: "m3/s";
    }
}

我想通过以下方式添加单位声明:标签之后.是否可以制作3上标？

这显然不起作用:

.class {
    &:after {
        content: "m<sup>3</sup>/s";
    }
}

Answer 1

您不能部分地为生成的内容设置样式(除了组合:first-letter和:before),所以没有.您可以使用U + 00B3 SUPERSCRIPT THREE代替:

.class {
    &:after {
        content: "m\00B3/s"; /* Or content: "m³/s"; */
    }
}

...但我建议将其作为实际内容并使用U + 00B3,³或者<sup>如果它在语义上很重要.

Answer 2

使任何内容成为上标：

.class::after {
    content: "some content";
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}