Css 悬停时的HTML按钮标记样式

我使用的是HTML按钮标签，但是下面提到的样式应该只适用于顶部菜单，而不是站点中的其他按钮标签。我试着使用code

按钮。菜单按钮：hover

但不起作用

<button id="menuButton" type="button" name="menuButton" title="Logout">
<img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br /><b>Logout</b>
</button>

---

非常感谢您的帮助。

如果您想使用

按钮。菜单按钮：悬停

，则您的按钮将需要.menuButton类

<button [...] class="menuButton">

---

在CSS中，点（.）表示引用元素上的类名。

如果希望样式仅应用于特定按钮，则应仅在这些按钮标记中指定类。例如：
这是button类：

.mybutton
{
    border: 1px dashed #CCCCCC;
    border-bottom: 2px ridge Lime;
}

在声明按钮时：

此按钮将具有以下样式：

 <button id="menuButton" type="button" name="menuButton" class="mybutton" title="Logout">
  <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br       /><b>Logout</b>
</button>

注销

此按钮将不具有以下样式：

<button id="menuButton" type="button" name="menuButton"title="Logout">
      <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br       /><b>Logout</b>
    </button>

注销

@Yashman Gupta:如果希望样式仅应用于特定按钮，则应仅在这些按钮标记中指定类。例如：更改按钮：悬停到按钮#菜单按钮：悬停，它将工作fine@gout更好的是，只需

#菜单按钮：悬停

——因为您有一个ID，所以不需要给出标记名。为什么ID和类都有？两个都够了。@gout:因为提问者在他的问题中使用了id，我就让它存在。@suraj:vidu-vidu。。最后一个警告。老板：我接受的问题是格式真的很糟糕。非常糟糕的标准，此代码在不支持webkit的浏览器中无法工作。

<button id="menuButton" type="button" name="menuButton"title="Logout">
      <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br       /><b>Logout</b>
    </button>