css - 如何在 list-style-type 下添加博客文章的创建日期来代替元素符号？

Question

嘿，我正在学习如何使用 HTML5 和 CSS 创建一个基本网页，我想知道如何添加日期，例如在 CSS 中使用 list-style-type 时，每个博客文章链接前的“2013 年 10 月 23 日”代替了要点所在的位置。例如:

2013 年 10 月 23 日 » 如何在 HTML 中编码

请记住它是一个列表，是否会是它在浏览器中的样子的示例？

谢谢

Answer 1

通过使用 CSS :before 选择器。

Here 是一个工作示例。

HTML:

<ul id="blog">
    <li>How to code in HTML</li>
    <li>How to code in CSS</li>
</ul>

CSS:

#blog li:before
{ 
    content:"23 Oct 2013 » ";
}