CSS中，日期的格式通常是默認的，但是您可以對其進行轉換，使其更易讀和理解。在CSS中，您可以使用數學函數，格式化函數和顏色函數來轉換日期。

/* 將日期格式轉換為年月日格式*/
.time {
content: attr(data-datetime);
}
.time:before {
content: "";
display: inline-block;
padding-right: 5px;
}
/* 時間計算表達式 */
.time[data-datetime]::before {
content: "("attr(data-datetime)") ";
}
.time[data-datetime^="1970"]::before {
counter-reset: years 1970;
content: counter(years) "年 ";
}
.time[data-datetime^="1970"]::after {
counter-reset: months 1;
content: counter(months) "月 ";
}
.time[data-datetime^="1970"]::before,
.time[data-datetime^="1970"][data-datetime*=","]::after {
counter-reset: days 1;
content: counter(days) "日";
}

在上面的代碼中，使用“: before”和“: after”偽類來添加元素樣式。第一個選擇器設置年份，并在元素之前添加內容。其余選擇器設置月份和日期，并在元素之后添加內容。 例如，如果data-datetime屬性等于“1970-01-01”，則上面的代碼將創(chuàng)建以下內容：

(1970-01-01) 1月 1日

如您所見，上面的代碼已經將日期格式轉換為年月日格式。您現在可以對CSS中的日期做出更多自定義更改，以使其看起來更加美觀和直觀。