我想删除触摸设备上的悬停效果。我知道使用hover类来实现悬停效果比使用hover伪类更好,因为以后删除它更容易,但由于我已经编写了我的站点代码,现在不能全部更改,但我找到了一个针对所有的好解决方案:在CSS中悬停伪类,并将它们替换为:active。:active伪类可以很好地完成我想要完成的任务,但是我在使用JS代码时遇到了一些困难。可能有一些错误,但我找不到。
function touch() {
if ('ontouchstart' in document.documentElement) {
var sheet = document.getElement
当我点击手机浏览器上的一个元素时,我正试图防止触发悬停效果。似乎每个人都recommends to use the media query for hover来解决这个问题。 我不明白,因为这似乎对我没有任何帮助。我在我的新Android手机上使用的是最新的Chrome,当我点击元素时,悬停效果仍然会运行,红色背景也会停留在那里。 也就是说,在我的手机上单击此代码中的以下元素会导致红色背景在我单击其他地方使其消失之前卡住。 .test {
background-color: #ddd;
padding: 10px;
}
@media (hover:hover) {
.tes
我有一个侧边栏,当使用移动设备在侧边栏上滚动时,我希望只有滚动是可能的,而不是悬停。根据我之前看到的答案,我采用了这种方法(一个只有CSS的解决方案!):
/* default hover class on list items*/
ul li:hover .check {
border: 4px solid #FFFFFF;
}
/* default hover class on list items when checked*/
ul li:hover .check {
border: 4px solid #FFFFFF;
}
/* for mobile, set hov
我很难理解为什么在:hover伪类之后有一个选择器,而不是在它之前。这是如何和为什么起作用的?
这行得通
div li:hover > ul
{
display: block;
}
为什么这个不行?
div li > ul:hover
{
display: block;
}
我做了很多搜索,试图找出为什么要在它之后放置一个或多个选择器(:悬停伪类);以及它如何定位它的细节,但我似乎找不到任何关于它的信息。谢谢你的进阶!