小编coz*_*one的帖子

触发:悬停在移动元素上而不移动鼠标

#box {
  animation: scroll 2s linear infinite;
  width: 100px;
  height: 100px;
  background: red;
}

#box:hover {
  background: green;
}

@keyframes scroll {
  from {transform: none;}
  to {transform: translateX(400px);}
}
Run Code Online (Sandbox Code Playgroud)
<div id="box"></div>
Run Code Online (Sandbox Code Playgroud)

如果将鼠标悬停在方框上,如果之后没有移动鼠标,它将保持绿色.如果将鼠标放在路径中并且不移动,则不会触发悬停.

在这种情况下,是否有一种触发悬停而不移动鼠标的方法?

编辑:不使用JavaScript.

html css onmousemove hover mousemove

8
推荐指数
1
解决办法
177
查看次数

在属性选择器中转义HTML实体

我有类似这样的代码:

div[data-stuff="&quot;stuff"] {
	font-style: italic;
}
Run Code Online (Sandbox Code Playgroud)
<div data-stuff="&quot;stuff">Stuff</div>
Run Code Online (Sandbox Code Playgroud)

但它不起作用.有没有办法解决它而不删除引号?

html css css-selectors html-entities

4
推荐指数
1
解决办法
120
查看次数