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>