Reactの場合、次のようなものにstyled-components
代わるものはありますか
.btn:hover:not(.inactive)>.btn-top,
.btn.active:not(.inactive)>.btn-top {
z-index: 2;
/* transform here */
}
.btn:hover:not(.inactive)>.btn-bottom,
.btn.active:not(.inactive)>.btn-bottom {
z-index: 1;
/* transform here */
}
(ネストされた条件付きセレクターを使用して、同じ DOM ですべてのアニメーションを確実に実行しますが、異なる z-index レベルは適切に実行/完了します)?
(タイトルの長さについて申し訳ありません。styled-components タグを作成する担当者はいません。)