如何通過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; 
} 

輸出：