媒体查询根据当前月份过滤css规则

时间:2015-10-28 14:05:27

标签: css

我们经常在某些季节完成改变背景的任务。

是否有人知道是否可以创建基于月份的@media查询或者是否可能?

喜欢这个

@media(min-month:11) and (max-month:1)
{
  body
  {
    background: url("snowy.png") center top;
    background-size: cover;
  }
}

1 个答案:

答案 0 :(得分:2)

媒体查询不太可能支持日期和时间信息。媒体查询旨在基于输出设备(或“媒介”)的属性应用条件样式,例如设备宽度,或者是否正在打印内容。支持的类型可以在W3C documentation中找到,并且应该让您了解媒体查询背后的意图。

服务器端的逻辑(可能是通过引用适当的样式表来呈现文档)或客户端(可能通过JavaScript添加适当的类)可能需要基于日期来完成条件样式。