Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在这种情况下,有没有更好的解决方案?_Javascript - Fatal编程技术网

Javascript 在这种情况下,有没有更好的解决方案?

Javascript 在这种情况下,有没有更好的解决方案?,javascript,Javascript,将鼠标悬停在“块”选项卡上时,所有三个块的颜色都会更改。演示 我的解决办法是: 它起作用了。这是正确的,正确的方法吗?或者有更漂亮的解决方案吗?您可以在CSS中使用“hover”属性 div:hover{ color: #FF0000; } 更漂亮的解决方案是在CSS中使用hover伪元素,如下所示:element:hover{styles here}。这对你的简单案件很好 标签{ 填充:20px 20px 20px 20px; 边框:1px纯黑; } .我的{ 字体大小:160%; }

将鼠标悬停在“块”选项卡上时,所有三个块的颜色都会更改。演示

我的解决办法是:


它起作用了。这是正确的,正确的方法吗?或者有更漂亮的解决方案吗?

您可以在CSS中使用“hover”属性

div:hover{
  color: #FF0000;
}

更漂亮的解决方案是在CSS中使用hover伪元素,如下所示:element:hover{styles here}。这对你的简单案件很好

标签{ 填充:20px 20px 20px 20px; 边框:1px纯黑; } .我的{ 字体大小:160%; } .my:悬停{ 颜色:红色 } 一 二 三
您的问题正在征求意见,将被关闭。此外,您需要在此处发布问题代码的最低表示形式,而不是明天可能更改或消失的第三方站点。
document.getElementById('tab').onmouseover=function (e) {
  if(e.target.id != 'tab'){
    document.getElementById(e.target.id).style.color = 'red';
  }
}
div:hover{
  color: #FF0000;
}