CSS интерпретировать HTML-объект времени

Question

css способен интерпретировать html-объекты времени?Более конкретно: возможно ли определить правила отображения для объектов времени, содержащих прошедшую дату?

Мой сайт предлагает список концертов для группы.Поскольку список довольно длинный, было бы полезно «затенить» все прошлые исполнения.

этот будет серым ....

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

этот по-прежнему... эх синий!

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

Answer 1

Проверьте это.Предварительный просмотр JS Fiddle на https://jsfiddle.net/itsselvam/8z5kja7w/

time{display:block; clear:both; margin:10px;}

time[datetime="2018-09-08"] {border:1px solid grey; color:grey; padding:4px; border-radius:4px}

time[datetime="2018-12-31"] {border:1px solid blue; color:blue; padding:4px; border-radius:4px}

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

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