在CSS中，我们可以使用变量来存储颜色、字体等值，使得代码更加易于维护和修改。不仅如此，我们还可以使用CSS变量来保存时间值。下面是一个演示代码，它将CSS变量设置为当前时间：

:root {
--time: attr(data-time); 
}
.clock::before {
content: var(--time); 
}

首先，我们使用:root伪类来定义我们的CSS变量--time。我们使用了attr()函数来获取data-time属性的值。接下来，我们将--time应用于clock伪元素的content属性，这将在页面上显示当前时间。

这个演示代码只是一个起点，你可以根据自己的需求进行更改和扩展。例如，你可以使用JavaScript来获取时间并将其传递给CSS变量，或者你可以使用CSS动画来创建一个实时的时钟。

无论您想要做什么，使用CSS变量来存储时间值是一个非常有用的技巧。它不仅可以使得代码更加优雅，同时也有助于提高代码的可读性和可维护性。