Html 在响应布局中删除不带javascript的css伪类属性
这是一个衍生产品,但是,在响应式设计中,有没有一种方法可以消除特定大小或介质中伪类的影响 在我的例子中,我使用小屏幕大小的Html 在响应布局中删除不带javascript的css伪类属性,html,css,Html,Css,这是一个衍生产品,但是,在响应式设计中,有没有一种方法可以消除特定大小或介质中伪类的影响 在我的例子中,我使用小屏幕大小的:target在单击链接时显示隐藏的ul元素。在较大的屏幕尺寸下,:target不再使用,而是被:hover取代。但是,如果任何ul元素针对的是小屏幕尺寸,它在大屏幕尺寸时仍然可见,并破坏:hover导航 我希望浏览器将ul的display属性处理为更大的屏幕大小,就像:target伪类从未存在一样。它的常规类状态是display:none,但如果不删除:hover将其更改为
:target
在单击链接时显示隐藏的ul
元素。在较大的屏幕尺寸下,:target
不再使用,而是被:hover
取代。但是,如果任何ul元素针对的是小屏幕尺寸,它在大屏幕尺寸时仍然可见,并破坏:hover
导航
我希望浏览器将ul
的display
属性处理为更大的屏幕大小,就像:target
伪类从未存在一样。它的常规类状态是display:none
,但如果不删除:hover
将其更改为block
的功能,我似乎无法使它以更大的大小返回到none
。例如,指定任何较大尺寸的:target
ul使用显示:none
将导致:悬停
无效
当然,如果我将:hover
的display
属性更改为have,它将起作用!重要信息
已添加。我被鞭打了一顿,认为应该尽可能避免这样做。我还担心它会被一些浏览器忽略。这是一个罕见的案例吗
jsFiddle:你能分享你的代码吗听起来你应该首先将基于目标的格式包装到适当的媒体查询中……没有“伪选择器”这样的东西<代码>:target是一个伪类。torazaburo,谢谢,更正。CBroe,你能详细说明一下吗?在我的实际代码中,我将整个菜单样式放在每个大小查询中,没有在查询外共享任何内容。超级用户完成了:尽管在我的实际页面上工作正常,但在JSFIDLE中hover对我来说并没有任何作用。很明显,我忽略了JSFIDLE中的一些内容——可能与主要问题有关。