关于宽度或具有类名的媒体查询条件

Question

我是否可以指定一条规则，例如“所有具有最大宽度640px的视口或具有名为touch的类的正文标记（或其他标记）”将具有以下css规则。类似的东西：

@media (max-width: 768px), .touch { }

谢谢！

编辑：因为规则很长，我不想将它们分成两部分，并重复这两部分的规则。

Answer 1

@media all and (max-width: 768px) {
.touch { background: blue; }
}

不，你不能做像@media all和（max-width：768px）和（.touch = true）这样的事情 或者在dom中有类.touch

以下是W3

中可接受的媒体查询列表

  

宽度高度设备宽度设备 - 高度方向长宽比   设备纵横比颜色颜色索引单色分辨率扫描网格   http://www.w3.org/TR/css3-mediaqueries/