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