输入后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>