#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.
我有类似这样的代码:
div[data-stuff=""stuff"] {
font-style: italic;
}Run Code Online (Sandbox Code Playgroud)
<div data-stuff=""stuff">Stuff</div>Run Code Online (Sandbox Code Playgroud)
但它不起作用.有没有办法解决它而不删除引号?