css如何加入时间 |js 给dom添加css样式

/* 定义字体和字号 */
.date {
font-family: Arial;
font-size: 14px;
}
/* 设置时间格式 */
.date::before {
content: attr(datetime);
}
/* 格式化时间显示 */
.date::after {
content: " (" attr(datetime-format) ")";
}

上述代码中，大家创建了一个样式名为“date”的类，用于在网页中显示时间。首先，大家需要定义这个样式中字体和字号的大小。接下来，大家分别使用“::before”和“::after”伪元素来对时间的内容和格式进行设置。

在“::before”中，大家使用“content”属性来获取HTML标签中的“datetime”属性，从而将时间显示在网页中。而在“::after”中，大家将时间格式定义为“datetime-format”，并在其后面添加一个括号。这样，就可以将时间格式化后，显示在括号内了。

通过以上的CSS代码，大家就可以在网页中加入时间了。同时，大家也可以根据自己的需要进行样式的更改，例如调整字体颜色、加粗等等。