javascript - 通过元素的 id 触发样式的任何形式

Question

我试图在传递带有 ID 或类的元素时更改汉堡导航线的颜色，但目前对我没有任何作用。

我发现信息可以通过点击或当鼠标悬停在元素上时更改，而不是当“交叉”带有 id 的标记时:

<div class="menu_icon">
    <div class="menu_line menu_line-1"></div>
    <div class="menu_line menu_line-2"></div>
    <div class="menu_line menu_line-3"></div>
</div>

<style>
   .menu-line{
       background-color: #fff  <-----> to #333
   }
</style>

<div id="marker">
  "content"
</div>

当您离开元素(带有 ID 或类)时，值将恢复为默认值...这在 javascript 中可行吗？

谢谢，再见!

Answer 1

希望这对您有所帮助。

简单使用CSS Hover在汉堡图标上。当用户将鼠标悬停在 .menu_icon 上时，汉堡图标变为深灰色。也可以使用 JavaScript。

#marker {
  padding: 15px;
  background: #eee;
}

.menu_icon {
  color: #fff;
  font-size: 1.2em;
  transition: .2s all;
}

.menu_icon:hover {
  color: #333;
  cursor: pointer;
}

<div id="marker">
  <span class="menu_icon">&#9776;</span>
</div>