css - p :after content tag 内的上标

Question

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

我想通过 :after 标签添加一个单元声明。是否可以制作 3 上标？

这显然行不通:

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

Answer 1

您不能部分设置生成内容的样式(组合 :first-letter 和 :before 除外)，所以不行。您可以改用 U+00B3 SUPERSCRIPT TREE:

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

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