スタイル設定されたコンポーネントに疑似クラスを:before適用する適切な方法は何ですか?:after
使えることは知っています
&:hover {}
:hover疑似クラスをスタイル付きコンポーネントに適用します。
これは、before や after などのすべての疑似要素に対して機能しますか?
&:before私はいくつかのかなり複雑な例でand戦略を使用しようとしました&:afterが、私の試みがうまくいかないのは、私の例に何か問題があるからなのか、それとも単にそのようには機能しないからなのかはわかりません。
これについて何か知見をお持ちの方はいらっしゃいますか? ありがとうございます。
ベストアンサー1
疑似セレクターはstyled-componentsCSS (または Sass) と同じように機能します。機能しないものは、特定のコードに問題がある可能性がありますが、実際のコードを見ずにデバッグするのは困難です。
以下に、単純な の使用方法の例を示します:after。
const UnicornAfter = styled.div`
&:after {
content: " ��";
}
`;
<UnicornAfter>I am a</UnicornAfter> // renders: "I am a ��"
コードを投稿していただければ、特定の問題のデバッグをお手伝いできる可能性があります。