如何删除媒体查询 CSS 文件中主 CSS 文件中指定的样式条目?
例如,我想删除 a:hover 条目以在触摸设备上使用。
主要.css:a:hover {color:#999999; background:#111111;}
如何在 media.css 中取消此设置?
You can't "delete" CSS rules.1 The cascade doesn't work that way.
仅当媒体查询不满足时才应用规则的唯一方法是将其隔离在查询的否定版本中,或者在@media
在 main.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 样式表中的样式,但这样做的缺点是您必须知道要回退到哪些值。
1 Except in a desktop browser's developer tools, maybe.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)