Javascript html、css中的所有链接都有相同的悬停

这是我的CSS文件的一部分。我的文件中有很多链接，我想给它们添加不同的属性。但是如果我将一个属性添加到一个链接中，那么相同的属性将添加到所有链接中。我希望所有链接都有各自的属性

您可以采用不同的方法来实现这一点

您可以为希望具有的每个不同链接类型添加css类或id选择器：

/*类*/
a、 主页链接{color:#000；}
a、 主页链接：悬停{color:#00f；}
a、 联系链接{颜色：#aaa；}
a、 联系链接：悬停{颜色：#0f0；}
/*身份证*/
主页链接{color:#000；}
a#联系链接{color:#aaa；}
...

您还可以基于已知属性创建css选择器，这些属性将由您希望指向的链接共享

a[href=“home.html”{color:#000；}
a[href=“contact.html”]{color:#000；}

为每个元素指定一个说明符。 首先，检查您是否真的在设置

a

标记的样式，而不是

li

标记的样式。如果不是这样，请尝试提供一个类、id或使用类型为

：nth的css伪元素

事情是这样的：

菜单{
保险商实验室{
李{
a:n种类型（示例编号）{
背景色：红色；
}
}
}
}

希望这有帮助。如果您对所有链接使用相同的ul-li-a，则该网页将读取您的代码，就像您声明的所有链接一样。但正如丹·穆林所说。尝试在html元素中使用类或选择器，为要声明其属性的元素提供标识。
也发布html。因此，您可以为特定链接添加一个类。此外，还可以包含一个html文件，这会使事情变得更简单。注意，在这个示例中，我使用的是SCSS。
ul li a:hover{
    color: black;
}
/* Search Button */
.search_button{
    float: right;
    position: relative;
    bottom: 78px;
    margin-right: 10px;
    height: auto;
}
/* Middle Section */
/* Middle Section Main Picture */
.middle_section_image{
    display: block;
    margin: 1px auto;
    position: relative;
    bottom: 50px;
}
/* quote, explore */
.quote{
    text-align: center;
    position: relative;
    color: whitesmoke;
    bottom: 475px;
    font-size: 25px;
}
.explore{
    width: 80px;
    margin: auto;
    padding: 0px 30px;
    background-color: black;
    color: whitesmoke;
    text-align: center;
    border: 1px solid black;
    position: relative;
    border-radius: 30px;
    bottom: 475px;
}