css - 如何在 :after { content: 中混合样式

Question

我正在尝试制作一个元素，在错误引用的单词后添加 [sic]。

使用 SCSS，这是我目前所拥有的:

span {
    &.sic {
        &:after {
            content: "[""]"
        }
    }
}

我只是不知道如何保持括号的原样并在它们之间添加斜体的“sic”。

Answer 1

如果你真的想要常规括号并且 sic 是斜体，我能想到的最好的方法是定义 content 用你的括号和斜体字符，比如 𝘴𝘪𝘤，所以像这样:

span {
  &.sic {
    &:after {
        content: "[𝘴𝘪𝘤]";
    }
  }
}

但我认为使用 unicode 字符会更好，例如:

content: "\005B\1D460\1D456\1D450\005D";

span:after {
    content: "\005B\1D460\1D456\1D450\005D";
}

<span>some text</span>

否则你必须全部使用斜体:

&:after {
    content: "[sic]";
    font-style: italic;
}

或者没有斜体:

&:after {
    content: "[sic]";
}