如何在 css“之后”选择器中添加 br 标记？ [复制]答案

【问题标题】：How can I add a br tag inside of css "after" selector? [duplicate]如何在 css“之后”选择器中添加 br 标记？ [复制]
【发布时间】：2017-01-06 23:05:10
【问题描述】：

我正在使用 css after:: 选择器来显示文本。我想要做的只是在这个显示之前添加一个
标签。无法正常工作

H2::after {
    content: " <br>posted by me";
   font-size: 14px;
}

&lt;H2&gt;Hello&lt;/H2&gt;

【问题讨论】：

标签： html css

【解决方案1】：

你不能在伪元素的content:""内添加html标签。

在:after 伪元素上使用display:block，你会得到想要的结果。见下文：

H2::after {
    content:"posted by me";
    display:block;
   font-size: 14px;
}

&lt;H2&gt;Hello&lt;/H2&gt;

如果有帮助请告诉我

如果你真的想包含 HTML 标签，你可以使用 JQ

$("h2").after("&lt;span style='color:red;font-style:italic'&gt;posted by me&lt;/span&gt;");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<H2>Hello</H2>

【讨论】：

【解决方案2】：

如果您希望将“::after”拆分为新行，为什么不添加“display:block”规则？

h2::after{
   content:"posted by me";
   font-size:14px;
   display:block;
}

【讨论】：