CSS，使用CSS代码在段落文本中复制标题
提问于 2014-01-17 00:41:43
我是CSS的新手&正在尝试找出一种使用CSS代码复制段落文本中的标题的方法。
让我们说......
我的红苹果
这是一个普通的段落。我想复制我的标题(我的红苹果)在这篇文章的结尾用CSS编码
回答 2
Stack Overflow用户
发布于 2014-01-17 00:45:35
这不能用css来完成，你需要一个像javascript或php这样的编程语言。
Stack Overflow用户
发布于 2014-01-17 00:50:11
如果标题永远不会改变，你可以将CSS psuedo-class :after应用到你想让标题跟随的任何元素上，然后给它一个'content‘样式。
因此，如果您希望它位于<p>标签之后，可以为该<p>标签提供一个id并应用以下样式：
<p id="p1">My Title</p>
<style type="text/css">
#p1 :after {
content: "My Title";
}
</style>如果您不知道标题是什么，您将不得不使用javascript或服务器端编程语言对此行为进行编程。
更新
这是一个jsfiddle，展示了一种你可以做到的方法：
http://jsfiddle.net/Jerreck/8R7ZP/2/
您需要在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>或者在外部将其另存为javascript文件，并将其链接到html文档，如下所示：
<script type="text/javascript" src="where-this-file-is-on-your-server/myScript.js"></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21175805
复制
腾讯云开发者
