CSS中可以使用偽元素:::before和::after來添加一些額外的內容,利用這個特性可以實現顯示年月日的效果。
/* 添加CSS代碼,將偽元素添加到需要顯示日期的元素中 */ .date::before { content: attr(data-date); /* 通過獲取元素的data-date屬性值實現顯示日期 */ font-weight: bold; padding-right: 10px; }
為了實現效果,需要在需要顯示日期的元素中添加一個data-date屬性,其值為需要顯示的日期,例如:
Some content
使用以上代碼,就可以在頁面中顯示類似于:
2021-08-23 Some content
的效果。