CSS控制日期只显示年月非常常见，常常用于网站采用博客形式发布文章的场景中。

在HTML中，日期通常以以下方式显示：

<p>2021-07-12</p>

要控制日期只显示年月，我们需要使用CSS的伪元素::before和::after。

<p class="date">2021-07-12</p>
<style>
.date::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background: #999;
margin-right: .5em;
}
.date {
white-space: nowrap;
}
</style>

在这个例子中，我们使用::before来创建一个小圆点来分隔日期和标题。 使用white-space: nowrap;是使得日期和标题不会自动换行。

这是最终的结果：

<p class="date"></p>

2021-07-12