当两个以上的html元素悬停在任意框中时，如何将css属性应用于它们

当两个以上的html元素悬停在任意框中并且两个元素的属性都可以更改时，如何将css属性应用于两个以上的html元素

.tab-sec:hover{
    background-color:#1b9927;
    border: 1px solid #4e4e4e;
    color: #000;
    h5{
        color: #fff;
    }
}

---

我尝试过这种方法，但它不起作用。

您只能使用CSS预处理器嵌套样式，如LESS和SASS

我认为，要想得到你现在的样子，你只需要这样写你的风格：

.tab-sec:hover{
    background-color:#1b9927;
    border: 1px solid #4e4e4e;
    color: #000;
}

.tab-sec:hover h5{
    color: #fff;
}

---

您只能使用CSS预处理器（如LESS和SASS）嵌套样式

我认为，要想得到你现在的样子，你只需要这样写你的风格：

.tab-sec:hover{
    background-color:#1b9927;
    border: 1px solid #4e4e4e;
    color: #000;
}

.tab-sec:hover h5{
    color: #fff;
}

试着这样,

.over_class:悬停{
边框样式：实心；
边框颜色：#1b9927；
颜色：粉红；
}

像这样试试

.over_class:悬停{
边框样式：实心；
边框颜色：#1b9927；
颜色：粉红；
}

试试这个。此代码用于.scss

试试这个。此代码用于.scss

---

好的。那么请把它标为正确答案@MuazzamAliKhanWellcome。那么请把它标为正确答案@穆扎马利汗