html - CSS :Hover is messing up

Question

我试图在不同的类上使用单独的 CSS LINK 样式。当我在链接上“悬停”时，链接会乱七八糟。我该如何解决这个问题，以便当我将鼠标悬停在链接上时不会显示不同的 css 样式？

这是相关的 CSS。

.menuButton {
    display: block;
    color: #FFFFFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    background-image: url(../images/menuItems/Rosary-Bead-Icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 2.7em;
    margin-left: 15px;
    float: left;
}
.menuButton a:Link ,a:Visited,a:Active, a:Hover{
    display: block;
    color: #FFFFFF;
    font-size: 1.1em;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
}

.Buttons a:Link ,a:Visited,a:Active,a:Hover{
    text-decoration: none;
    color: #FFF;
    background-image: url(../images/menuItems/buttons/largeBlueUp.png);
    height: 57px;
    width: 250px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1.1em;
    color: #FFF;
    text-decoration: none;
    line-height: 55px;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
}

Answer 1

很抱歉，我被页面的其他问题分散了注意力。答案就在您分享的代码中:

.Buttons a:Link ,a:Visited,a:Active,a:Hover

和

.menuButton a:Link ,a:Visited,a:Active, a:Hover{

阅读: - .Buttons a:链接 - a:访问过 - 一个:主动 - a:悬停

更改为:

.Buttons a:Link, .Buttons a:Visited, .Buttons a:Active, .Buttons a:Hover {

和

.menuButton a:Link, .menuButton a:Visited, .menuButton a:Active, .menuButton a:Hover {

正如您所做的那样，将样式应用于悬停的每个 a。