css - CSS：在上标“6”之前？

Question

有没有办法在伪元素的“内容”CSS属性中添加上标“6”？我一直在网上，尝试不同的 Unicode 字符串和字形代码来尝试让它工作，但还没有找到解决方案。

谢谢！

编辑：抱歉没有澄清......我需要将上标“6”与其他文本放在相同的“内容”属性中。看起来我只需要为我的 CSS 定义不同的编码并将其作为文字字符放入。

Answer 1

还有另一种解决方案，如this fiddle

element:before{
    content:'6'; 
    vertical-align: super; /* make superscript */
    font-size:8px;
}

Answer 2

事实上，显而易见的方法确实有效：

span:before {
    content: "⁶";
}

不过，您可能必须小心在这种情况下使用和指定的编码。

正如 BoltClock 所提到的，您还可以转义字符，就\2076好像编码问题是一个问题一样（例如，如果您的服务器强制使用旧代码页并且您无法更改它）。

Answer 3

element:before {
    content: "6";
    font-size: 0.5em;
    vertical-align: top;
}