如何在 css 文件中的相同 class 中寫入 hover 以進行反應 js

Question

這是一個 reactjs 項目，符號符號語法在 Javascript 文件中運行良好，但在 css 文件中運行良好。

如何在 css 文件中寫入 hover class 文件？

Answer 1

你必須這樣寫

.baseStyle {
 /* base styles goes here*/

}

.baseStyle:hover {
/* hover styles goes here */
}

如果你想達到你想要的，你必須使用scss 。

然后它會像

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

參考

Answer 2

如果你想寫相同的 class。 你應該使用 Sass/Scss。

使用 .scss 擴展名保存 css 文件。 它是更好語法的預處理器。

參考這個沙箱：