删除:悬停在媒体样式表上？

Question

如何删除媒体查询CSS文件中主CSS文件中声明的样式条目？

例如,我想删除a:hover条目以便在触摸设备上使用.

的main.css: a:hover {color:#999999; background:#111111;}

如何在media.css中取消此功能？

Answer 1

你不能"删除"CSS规则.¹级联不起作用.

只有在不满足媒体查询时才能使规则应用的唯一方法是在查询的否定版本中将其隔离,或者在@mediamain.css样式表中的块中:

@media not [your media query] {
    a:hover {color:#999999; background:#111111;}
}

或者在页面头部的单独样式表中:

<link rel="stylesheet" media="all" href="main.css">
<link rel="stylesheet" media="[your media query]" href="media.css">

<!-- Or put this in a separate file and link to it as above -->
<style media="not [your media query]">
a:hover {color:#999999; background:#111111;}
</style>

或者,您可以撤消media.css样式表中的样式,但缺点是您必须知道要回退的值.

¹ _{可能是桌面浏览器的开发者工具除外.}