CSS，使用CSS代码在段落文本中复制标题

我是CSS新手&试图找到一种使用CSS代码在段落文本中复制标题的方法

让我们说

我的红苹果

---

这是一个普通的段落。我想在本文末尾用CSS编码复制我的标题（我的红苹果）

这不能用CSS实现，你需要像javascript或php这样的编程语言。

这不能用CSS实现，你需要像javascript或php这样的编程语言。

如果标题永远不会改变，您可以将CSS psuedo类

：after

应用于希望标题跟随的任何元素，然后为其指定“内容”样式

因此，如果您希望它位于

标记之后，可以为该
标记提供一个id并应用以下样式：

<p id="p1">My Title</p>

<style type="text/css">
    #p1 :after {
      content: "My Title";
    }
</style>

我的头衔
#p1：之后{
内容：“我的头衔”；
}

如果您不知道标题是什么，则必须使用javascript或服务器端编程语言来编程此行为

更新

下面是一个JSFIDLE，它展示了一种方法：


您需要在hmtl文档的内部将此脚本添加到页面：

<script type="text/javascript">
function WriteTitle() {
    var postTitle = document.getElementById('blogPostTitle');
    var appendedTitle = document.getElementById('afterPost');
    // innerText for IE, textContent for other browsers
    var postTitleText = postTitle.innerText || element.textContent;
    appendedTitle.innerHTML = postTitleText;
}
WriteTitle();
</script>


函数WriteTitle（）{
var postTitle=document.getElementById（'blogPostTitle'）；
var appendedTitle=document.getElementById（'afterPost'）；
//IE的innerText，其他浏览器的textContent
var postitletext=postitle.innerText | | element.textContent；
appendedTitle.innerHTML=postTitleText；
}
WriteTitle（）；

或者通过将其保存为javascript文件并将其链接到html文档（如下所示）：

<script type="text/javascript" src="where-this-file-is-on-your-server/myScript.js"></script>

如果标题永远不会更改，您可以将CSS psuedo类应用于您希望标题遵循的任何元素，然后为其提供“内容”样式

因此，如果您希望它位于
标记之后，可以为该
标记提供一个id并应用以下样式：

<p id="p1">My Title</p>

<style type="text/css">
    #p1 :after {
      content: "My Title";
    }
</style>

我的头衔
#p1：之后{
内容：“我的头衔”；
}

如果您不知道标题是什么，则必须使用javascript或服务器端编程语言来编程此行为

更新

下面是一个JSFIDLE，它展示了一种方法：


您需要在hmtl文档的内部将此脚本添加到页面：

<script type="text/javascript">
function WriteTitle() {
    var postTitle = document.getElementById('blogPostTitle');
    var appendedTitle = document.getElementById('afterPost');
    // innerText for IE, textContent for other browsers
    var postTitleText = postTitle.innerText || element.textContent;
    appendedTitle.innerHTML = postTitleText;
}
WriteTitle();
</script>


函数WriteTitle（）{
var postTitle=document.getElementById（'blogPostTitle'）；
var appendedTitle=document.getElementById（'afterPost'）；
//IE的innerText，其他浏览器的textContent
var postitletext=postitle.innerText | | element.textContent；
appendedTitle.innerHTML=postTitleText；
}
WriteTitle（）；

或者通过将其保存为javascript文件并将其链接到html文档（如下所示）：

<script type="text/javascript" src="where-this-file-is-on-your-server/myScript.js"></script>


感谢您的及时回复，我从不更改标题，我只是不断更新博客，在此期间我真的不想在段落中单独重复标题文本。如果你能用一个例子来详细地编写代码，那将非常有帮助，因为我对CSS非常陌生，只是要明确一点，在内容样式的引号内放置的任何文本都是在元素之后编写的。换句话说，它不会从一篇博客文章变成另一篇博客文章，除非你为自己写一个脚本。如果您愿意，我可以给您一个示例脚本来演示如何工作，但我可能要到今天下班后才能开始。@user3204756-我已经用一个示例脚本更新了我的帖子，您可以尝试一下。如果你有任何问题，请告诉我。太好了！！！请在你有空的时候给我举个例子，我还注意到很多人说用javascript可以很容易地完成，如果是的话，我能把这些javascripts代码包含到我的CSS中吗？如果是的话，能举个例子吗？谢谢advance@user3204756-哈，看起来我们差不多是在同一时间发布的：）谢谢你的及时回复，我从不更改标题，我只是不断更新博客，在此期间我真的不想在段落中单独重复标题文本。如果你能用一个例子来详细地编写代码，那将非常有帮助，因为我对CSS非常陌生，只是要明确一点，在内容样式的引号内放置的任何文本都是在元素之后编写的。换句话说，它不会从一篇博客文章变成另一篇博客文章，除非你为自己写一个脚本。如果您愿意，我可以给您一个示例脚本来演示如何工作，但我可能要到今天下班后才能开始。@user3204756-我已经用一个示例脚本更新了我的帖子，您可以尝试一下。如果你有任何问题，请告诉我。太好了！！！请在你有空的时候给我举个例子，我还注意到很多人说用javascript可以很容易地完成，如果是的话，我能把这些javascripts代码包含到我的CSS中吗？如果是的话，能举个例子吗？谢谢advance@user3204756-哈，看起来我们差不多是在同一时间发布的：）