0
CSSトランジションを実行しようとしています(opacity:0
〜opacity:1
) - 私はSassとBEMを使っています。BEMとSassを使用したホバー上のCSS遷移
兄弟演算子+
を使用して、SassネストされたBEM構造を維持できるようにしたいと考えていました。
ユーザーが、私はそれがここ
1
に要素
.price__tooltip
兄弟だの不透明度を設定したい
.price__text
の上に置いた一例としての私のSCSSが
.price {
&__text {
[...]
}
&__tooltip {
transition: all 0.2s ease-in;
opacity: 0;
[...]
&+ .price__text:hover {
opacity: 1;
}
}
}
である私は、SCSSの最後のセレクタと思いました&+ .price__text:hover
は、兄弟の.price__text
が:hover
擬似クラスを持つとき、現在選択されている要素.price__tooltip
にopacity:1
があることを検出しますが、これは正しいとは限りません。