html – 是否可以在CSS`content`中使用(多个)字体样式？

发布时间：2020-12-14 18:37:04 所属栏目：资源来源：网络整理

导读：我已经设置了一个CSS元素来插入一些内容,通过： .foo:after { content: "Bold,italics";} 我希望单词“Bold”以粗体字体重量呈现,单词“italics”以斜体字体样式呈现??.我知道可以添加行： font-weight: bold;font-style: italics; 但这会使两个词都变得粗体

我已经设置了一个CSS元素来插入一些内容,通过：

.foo:after {
  content: "Bold,italics";
}

我希望单词“Bold”以粗体字体重量呈现,单词“italics”以斜体字体样式呈现??.我知道可以添加行：

font-weight: bold;
font-style: italics;

但这会使两个词都变得粗体和斜体.如果我could在内容字段中使用html元素,我会添加如下内容：

content: "<strong>Bold</strong>,<em>italics</em>"

但唉,这是不可能的.

有没有其他方法来实现这种效果？理想情况下,无需调用javascript并纯粹使用html / css.

解决方法

你还有其他伪元素,而不是’之前’/’之前’,比如第一行或第一个字母,有些想象,也许你可以使用你的特殊情况：
w3schools Pseudo-elements 但是’内部’那些前2个我认为你不能再做什么,比如@ s0rfi949指出.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!