Css 如何在列表样式类型下添加创建博客文章的日期来代替项目符号？

嘿，我正在学习如何使用HTML5和CSS创建一个基本网页，我想知道如何在每个博客帖子链接之前添加日期，例如“2013年10月23日”，以取代在CSS中使用列表样式类型时的要点。例如：

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

这将是一个例子，说明它在浏览器中的外观，记住它是一个列表

---

感谢使用CSS

：before

选择器

就是一个有效的例子

HTML:

---

要成为一个真正的工作博客，其他答案将让您动态创建css，并为您想要显示的每个日期显示一个类或id。最好设置

列表样式类型：none

，让后端加载日期和帖子标题，而不是让它编写css

HTML/伪代码：

<ul id="blog">
    {% for post in blog %}
    <li class="post">{{ post.date }} » {{ post.title }}</li>
    {% end for %}
</ul>

这样看来：

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

2013年10月19日»如何用HTML编码

---

使用

：before

伪元素。这会自动在我添加帖子时发布日期吗？还是每次都要加上日期？我希望它只发布帖子创建的日期？不，不会。你需要一个动态脚本来实现类似的功能。谢谢，我不知道。谢谢，但这会自动在我添加帖子时发布日期吗？还是每次都要加上日期？我希望它只发布帖子的创建日期？@Isaac你不能只使用CSS/HTML。您需要获取从发布平台/CMS创建帖子的日期，然后将其插入该列表中。你在使用WordPress吗？不，我还在完成过程中，但谢谢你，我不知道。谢谢你，这很有帮助，很抱歉我是一个noob，但是我应该如何从那里加载日期？你需要一个服务器端语言，或者我猜是一个javascript连接到API。最简单的答案是，仅仅使用html和css，您就不能。

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

<ul id="blog">
    {% for post in blog %}
    <li class="post">{{ post.date }} » {{ post.title }}</li>
    {% end for %}
</ul>

#blog {
    list-style-type: none
}