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

html – 是否可以在CSS`content`中使用(多个)字体样式?,第1张

概述我已经设置了一个CSS元素来插入一些内容,通过: .foo:after { content: "Bold, italics";} 我希望单词“Bold”以粗体字体重量呈现,单词“italics”以斜体字体样式呈现​​.我知道可以添加行: font-weight: bold;font-style: italics; 但这会使两个词都变得粗体和斜体.如果我could在内容字段中使用html元素 我已经设置了一个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指出. 总结

以上是内存溢出为你收集整理的html – 是否可以在CSS`content`中使用(多个)字体样式?全部内容,希望文章能够帮你解决html – 是否可以在CSS`content`中使用(多个)字体样式?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1139070.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存