我想删除触摸设备上的悬停效果。我知道使用hover类来实现悬停效果比使用hover伪类更好,因为以后删除它更容易,但由于我已经编写了我的站点代码,现在不能全部更改,但我找到了一个针对所有的好解决方案:在CSS中悬停伪类,并将它们替换为:active。:active伪类可以很好地完成我想要完成的任务,但是我在使用JS代码时遇到了一些困难。可能有一些错误,但我找不到。
function touch() {
if ('ontouchstart' in document.documentElement) {
var sheet = document.getElement
试着做一个非常简单的效果。当您在h1上悬停时,我只希望方括号变成红色。span应该保持黑色。
我的HTML:
<h1>{ <span>js</span> }</h1>
我的CSS:
h1 span:hover {
/* make the color of just the brackets red here */
}
下面是一个小摆设:
我还读过一些类似于这个问题的问题,但其中很多问题似乎都是使用jQuery的。有没有办法只使用CSS就可以做到这一点而不深入研究JS?谢谢。