我的红苹果

Question

我刚接触CSS＆amp;试图找出一种方法来使用CSS代码复制段落文本中的标题..

让我们说......

我的红苹果

这是一个普通的段落。我想用CSS编码

复制本文末尾的标题（My Red Apple）

Answer 1

使用css无法实现这一点，您需要一种编程语言，如javascript或php。

Answer 2

如果标题永远不会改变，你可以将CSS psuedo-class :after应用于你想要标题遵循的任何元素，然后给它一个'内容'样式。

因此，如果您希望它位于<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>

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

我的红苹果

2 个答案: