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

Question

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

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

我试过这种方法，但没有用。

Answer 1

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

我想在你只需要像这样写你的风格之后得到你的样子:

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

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