css - 将鼠标悬停在 SCSS 上时从同级更改 css

Question

当我将鼠标悬停在元素上时，我想更改同级元素的 css。有没有办法用 SCSS 做到这一点？

示例:https://jsfiddle.net/rqb5ytav/

比如当我将鼠标悬停在 .one 上时，如何更改 .two 的背景颜色？

Answer 1

使用+ CSS selector .它可从 CSS2 获得。

.one:hover + .two {
    background-color:green;
}

请看 fiddle :https://jsfiddle.net/rqb5ytav/1/ .