html - cssは入力後にスパンを非表示にします

Question

こんにちは私は次のコードで入力フィールドの後にスパンを非表示にしようとしています：

 <style>
 input~span:after { opacity: 0;}
 </style>
 ...
 <input type="email" />
 <span>Test</span>

ただし、スパンはブラウザに表示されたままですが、firebugで要素を検査すると、スパンの不透明度が0であることがわかります。

私は何かが足りないのですか？

Answer 1

なぜ:afterですか？これは、疑似要素を作成するためのものです。

<style>
    input~span{ opacity: 0;}
</style>