css - 删除一个 :hover on a media stylesheet?

Question

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

例如，我想删除用于触摸设备的 a:hover 条目。

main.css: a:hover {color:#999999;背景:#111111；

如何在 media.css 中取消它？

Answer 1

您不能“删除”CSS 规则。¹级联不能那样工作。

让规则仅在不满足媒体查询时应用的唯一方法是将其隔离在查询的否定版本中，或者在 main.xml 中的 @media block 中。 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 样式表中的样式，但缺点是您必须知道要回退到哪些值。

---

¹ _{也许除了桌面浏览器的开发者工具。}