jQuery不会在单击时更改border right属性

我正在开发一个简单的应用程序，它可以在单击对象时更改对象的边框

JavaScript 玉 CSS

---

当我单击一个选项卡时，它会删除clciked对象上的右边框，但不会将其返回到上一个选项卡，并且

选项卡处于活动状态

。我做错了什么？

您的选择器错了。要选择一个类，您需要使用

 $('.tab-active:first').css('border-right', '1px solid black');

---

你的选择器错了。要选择一个类，您需要使用

 $('.tab-active:first').css('border-right', '1px solid black');

.main {
    width: 80vw;
    height: 80vh;
    background-color: #DDDDDD;
    margin-right: 10vw;
    margin-left: 10vw;
    margin-top: 10vh;
    margin-bottom: 10vh;
    float: left;
    border: 1.5px solid black;
}

.tab {
    color: #DDDDDD;
    border: 1px solid black;
    border-left: none;
    display: block;
    height: 25%;
    width: 13%;
}

.tab-active {
    border-right: none;
}

.tab:hover {
    background-color: #CCCCCC;
    border: .5px solid black;
}

.top {
    border-top: none;
}

 $('.tab-active:first').css('border-right', '1px solid black');