我可以使用 CSS 在正文结束标记之前插入内容吗？答案

【问题标题】：Can I insert content before the Body closing tag using CSS?我可以使用 CSS 在正文结束标记之前插入内容吗？
【发布时间】：2014-02-11 02:37:30
【问题描述】：

我的问题是我无法编辑页面的实际 HTML 代码，我只能使用 CSS 设置样式。我在这个网站上使用 Abode Muse，所以每次我在 Muse 中发布更改时都会覆盖 HTML 文件。

我需要在结束正文标记之前插入此代码：

{module_contentholder, name="_SliderScripts"}

我可以在 CSS 中选择元素的结束标记吗？我一直在尝试 :before 和 :after 标签，但不知道如何选择结束标签。

我对 CSS 相当陌生，感谢任何帮助！对不起，如果这是一个菜鸟问题

【问题讨论】：

您不能以任何方式使用 css 更改实际的 html。您所能做的就是使用 javascript 或轻松的 jquery 来操作 dom 元素。
“插入代码”是指将文本内容插入到文档中，还是插入应该会以某种方式（如何？）影响（什么？）的东西作为代码。请展示您尝试过的什么。

标签： html css meta-tags business-catalyst muse

【解决方案1】：

您可以访问 jQuery 或 javascript 文件吗？还是只是 CSS？

最快的方法是使用 jQuery 的 .append() 方法，该方法将指定的内容作为元素的最后一个子元素插入。在这种情况下，您可以尝试：

$( "body" ).append( "{module_contentholder, name='_SliderScripts'}" );

更多 .append() 方法在这里：https://api.jquery.com/append/

【讨论】：

是的，我也可以访问这些。
这是对提问者的回答或问题吗？

【解决方案2】：

尝试使用一些 css 技巧

body:after{
content:'{module_contentholder, name="_SliderScripts"}';
}

【讨论】：

【解决方案3】：

基于 cscott 的回答，您可以使用 jQuery 将 contentholder 的内容附加到页面中的任何位置，但 contentholder 内的任何引号都不会被转义，并且会弄乱.append() 函数。

更可靠的是，将您的内容放入新的 html 页面† - 不是由 Muse 生成的，因此不会被覆盖。然后使用jQuery's .get() function 拉取该内容并将其插入到页面中。

这是一个示例 sn-p;它必须进入 Muse 中的页面属性 › 元数据对话框：

jQuery(document).ready( function() {
    jQuery.get('/your/content.html', function( data ) {
        // Content has been retrieved, now insert it into the page.
        jQuery('body').append( data );
    });
});

请注意，我使用的是 jQuery() 而不是 $() - Business Catalyst 的内置脚本在尝试使用较短的形式时会导致问题。

† 另外，请确保页面明确设置为不使用任何模板。

【讨论】：

【解决方案4】：

我在这里找不到真正满足您需要的答案。

据我了解 - Muse 不允许您在发布之前将此代码添加到 Muse 模板中？

快速搜索发现了这个库，它声称能够将您需要的功能添加到 Muse 中。

http://www.aidbc.com/muse-widgets 在这里下载：http://www.aidbc.com/muse-widgets/insert-bc-content-holder

请回复，让其他人知道这是否是您需要的解决方案。

【讨论】：

Neido- 这就像一个魅力，解决了我的问题。感谢您的帮助，非常感谢！

【解决方案5】：

您可以试试这个 adobe muse 小部件，它让您可以在关闭 body 标签之前或打开 body 标签之后放置代码。 http://creativated.com/free-muse-widgets-themes/free-adobe-muse-widgets/advanced-html-injector-widget-for-adobe-muse/

来自 creativated.com

【讨论】：

请在您的回答中说明您为创意工作； StackOverflow doesn't like undeclared self-promotion.

【解决方案6】：

<!DOCTYPE html>
<html>
<head>
<style>
body::after { 
content:"Copyright 2020";
background-color: black;
color:white;
font-weight: bold;
}
</style>
</head>
<body>
<p>My name is Sudhir</p>
<p>I live in Badlapur</p>
</body>
</html>

【讨论】：