如何使用CSS（和Javascript）添加HTML？

所以我使用crm来管理我的网站博客，这并没有给我HTML的全部灵活性。我试图在第二或第三篇博文之后添加一个带有社交媒体图标的栏。在CSS样式表中，我使用.class:nth-child3:：after访问了文章。有没有办法使用javascript插入完整的html div来添加社交栏？ 或者我可以在同一个html文件中创建该条并根据帖子更改位置吗

编辑：对不起，这是我的第一篇文章

附加设计。

---

带有网页示例的样式表片段

您应该查看CSS属性。它允许您在CSS中指定要应用的元素。它通常与and:：after伪元素一起使用。

据我所知，你想在第三篇博文之后显示社交媒体图标吗

如果您使用的是模板生成器，请在博客列表模块下方插入一个带有适当HTML的自定义模块。给它一个类，在这个例子中->“社交媒体博客”

然后使用一些jQuery，您可以将其设置为在第三篇博文之后显示

var blogSocialMedia = $('.social-media-blog');
$(".post-listing .post-item:eq(3)").after(blogSocialMedia);

---

请提供您已经尝试过的任何代码的示例。@DanielBernardi感谢您的提示。我刚刚编辑了这篇文章以添加屏幕截图。你必须使用javascript。除了简单的文本之外，没有办法向psuedo元素添加复杂的html。图片和截图可以很好地添加到帖子中，但请确保没有它们的帖子仍然清晰有用。如果您发布代码或错误消息的图像，请确保您也直接将实际代码/消息复制粘贴或键入到帖子中。刚刚编辑了这篇文章，并附上了我想要实现的目标的截图。这个问题太离题了。不要回答离题的问题。