我已经设置了一个CSS元素来插入一些内容:
.foo:after {
content: "Bold, italics";
}
我希望单词 "Bold" 以加粗字体显示,而单词 "italics" 则以斜体样式显示。我知道可以添加行:
font-weight: bold;
font-style: italics;
但这会使两个单词都加粗和斜体。如果我能够在内容字段中使用HTML元素,我会放置类似以下的内容:
content: "<strong>Bold</strong>, <em>italics</em>"
但不幸的是,这是不可能的。
是否有另一种方法可以实现此效果?理想情况下,不需要调用JavaScript,纯使用HTML/CSS即可实现。
.foo:before { font-weight: bold; }
和.foo:after { font-style: italics; }
之外,我也很想知道这个。似乎只使用一个伪元素而不改变标记的方法是不可能的? - s0rfi949