css解释html时间对象

css解释html时间对象,css,object,time,Css,Object,Time,css能够解释html时间对象吗? 更具体:是否可以为包含过去日期的时间对象定义显示规则 我的网站提供了乐队的演出名单。由于名单很长,将过去的所有表演“灰显”将是有益的 这个是灰色的 <time datetime="2018-09-08"> 08.09.2018: Last night of the proms - Royal Albert Hall - Starttime: 20:00 </time> 2018年9月8日:舞会的昨晚-皇家阿尔伯特大厅-开始时

css能够解释html时间对象吗? 更具体:是否可以为包含过去日期的时间对象定义显示规则

我的网站提供了乐队的演出名单。由于名单很长,将过去的所有表演“灰显”将是有益的

这个是灰色的

<time datetime="2018-09-08">
    08.09.2018: Last night of the proms - Royal Albert Hall - Starttime: 20:00
</time>

2018年9月8日:舞会的昨晚-皇家阿尔伯特大厅-开始时间:20:00
这个还是。。。哦,蓝色

<time datetime="2018-12-31">
    31.12.2018: The Blitz Party - Village Underground - Starttime: 22:00
</time>

2018年12月31日:闪电战派对-地下村庄-开始时间:22:00

看看这个。JS小提琴预览

time{显示:块;清除:两者;边距:10px;}
时间[日期时间=“2018-09-08”]{边框:1px纯灰;颜色:灰色;填充:4px;边框半径:4px}
time[datetime=“2018-12-31”{边框:1px纯蓝色;颜色:蓝色;填充:4px;边框半径:4px}

2018年9月8日:舞会的昨晚-皇家阿尔伯特大厅-开始时间:20:00
2018年12月31日:闪电战派对-地下村庄-开始时间:22:00

No,您应该使用javascript,因为css没有时间检测功能,也没有“小于或大于”之类的比较运算符。您只是手动将过去的日期灰显,因为您知道当前日期是什么。Op会询问css是否能检测到过去的日期!在你上面的问题中,你从未提到过这必须是动态的。如果您需要一个动态灰色的所有过去的日期,您需要使用JS来验证,然后应用基于JS结果的CSS。嗨,谢谢尝试!正如fcaleran指出的,我正在寻找一种自动解决方案,将css类传递给给定的时间对象。php能帮上忙吗?>>读取对象,相应地设置类?格里茨,亚瑟