如何通过CSS将标题添加到HTML页面？

Question

有一个脚本使用Pandoc生成输入Markdown文件的HTML表示。假设我对HTML表示的唯一控制是单个CSS文件的规范，那么我如何向HTML添加网站标题/标题？

例如，假设我想添加一些非常简单的标题有点像在这里顶部的“ATLAS简报”吧，我会怎么做它在CSS，而不是在网页的HTML？：

Answer 1

使用content财产::after或::before伪元素添加额外的文本。

您也可以使用absolute和top/bottom,left/属性将它定位在其他位置。

#site-title::after { 
    content: "Another Title"; 
    /* If you need to position it, uncomment and modify the below values 
    position: absolute; 
    top: -5px; 
    left: 20px */ 
} 

/* Add below rule if you need to position the additional text w.r.t to the current title */ 
#site-title{ 
    position: relative; 
} 

输出：