CSS怎么通過樣式顯示當前時間呢？下面讓我們來一步步學習。

首先，我們需要使用CSS的偽元素選擇器：before和content。這個選擇器會在元素的內容前插入生成的內容。

.selector:before{
content: "生成的內容";
}

接著，我們可以使用JavaScript獲取當前時間，并將其作為偽元素的內容。

.selector:before{
content: attr(data-time);
}

在這個例子中，我們使用了data-time屬性。我們可以使用以下JavaScript代碼將當前時間作為這個屬性的值：

var now = new Date();
var time = now.toLocaleString();
document.querySelector(.selector).setAttribute("data-time", time);

最后，我們需要為偽元素添加一些樣式來調整位置和樣式。

.selector:before{
content: attr(data-time);
position: absolute;
top: 0;
right: 0;
font-size: 0.8rem;
color: gray;
}

實現這個功能非常簡單，而且可以增加網頁的互動性。我們可以在任何需要顯示時間的地方使用這個方法。