Html 如何在所有块引号的开头添加一个字符？

我用的是真棒。现在我有一个blockquote，它前面有一个图像，显示它的引号

blockquote {
    background-image: url("./styles/roman/imageset/forum/quote.gif");
    background-attachment: scroll;
    background-position: 6px 8px;
    background-repeat: no-repeat;
    border-color: #dbdbce;
    border: 1px solid #dbdbdb;
    font-size: 0.95em;
    margin: 0.5em 1px 0 25px;
    overflow: hidden;
    padding: 5px;
}

FontAwesome的字体中有一个引号，我想知道是否有办法将其从当前的背景改为只显示角色。我不知道使用内容和字体是否有效

示例

[“]这是对任何杂志的引用

---

其中[“]是当前的引号图像。

您可以尝试使用CSS伪选择器：

blockquote::before {
   content: "\"";
}

这将在blockquote元素之前插入一个引号。（注意转义标记。）

如果要显示图像，可以使用以下方法：

blockquote::before {
   content: '<img src="./styles/roman/imageset/forum/quote.gif" class="quotemark"/>';
}

img.quotemark {
  /* Style the image here. */
}

blockquote:：before{
内容：''；
}
img.quotemark{
/*在这里设置图像的样式*/
}

您可以使用CSS伪选择器

：：before

对于您的示例，您可以使用：

blockquote::before {
  content: '\"';
}

为进一步参考

如果希望包含FontAwesome库中的图标，可以尝试以下操作：

blockquote::before {
  font-family: FontAwesome;
  content: '\f10d'; /*quote left icon*/
}

---

您可以使用

：：before

伪元素和

内容：open quote

插入期初报价，使用

：：before

伪元素和

内容：no close quote

伪元素在不显示任何报价的情况下降低报价嵌套级别

如果要自定义引号，请使用

quotes

属性。根据，

fa quote left

是

\f10d

，

fa quote right

是

\f10e

最后，要以适当的字体显示该字符，请使用

font-family:FontAwesome

blockquote{quotes:“\f10d”“\f10e”“”；}
blockquote:：在{content:open quote；font-family:FontAwesome；}之前
blockquote:：在{content:no close quote；}之后

你好，世界！
富巴巴兹

因为这个问题是专门针对Font Awesome提出的，所以这是不可能的@Iscariot您无法使用CSS插入HTML，但我认为Font Awesome会插入一种自定义字体，您可以设置适当的

字体系列来使用该字体。我不太了解字体，我想。@TylerH我的意思是你不能插入HTML元素。使用
content
您只能生成文本或外部资源。因为问题是专门询问字体真棒，所以这是不可能的。你是唯一回答这个问题的人。所有其他答案都不正确。请使用
font-family:'font-Awesome 5 Free'
查看font-Awesome 5