如何在css“after”选择器中添加br标签？

Question

我使用css after :: selecter来显示文本。我想要做的只是在此显示之前添加一个标签。无法开始工作

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

<H2>Hello</H2>

Answer 1

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

在display:block伪元素上使用:after，您将获得所需的结果。见下文：

＆＃13;

＆＃13;

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

＆＃13;

<H2>Hello</H2>

＆＃13;

＆＃13;

＆＃13;

让我知道是否有帮助

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果您打算打破＆＃34; ::＆＃34;在新线上为什么不添加＆＃34;显示：块＆＃34;规则？

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