Html css在输入后隐藏范围

嗨，我正试图用以下代码在输入字段后隐藏一个范围：

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

输入~span:after{opacity:0；}
...
试验

但是跨度仍然显示在浏览器中，但是如果我用firebug检查元素， 它告诉我跨度有不透明度：0

---

我遗漏了什么吗？

为什么

：在
之后？这是用于创建伪元素的

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


输入~span{opacity:0；}
为什么
：在
之后？这是用于创建伪元素的

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


输入~span{opacity:0；}
1。显示：无也不起作用。2.我使用：after是因为我想在某些输入字段
div
之后隐藏所有div？你知道你在问题中说了
span
，其中的代码是什么吗？@gries，这不是为什么。。请看这个有效的示例。。1.显示：无也不起作用。2.我使用：after是因为我想在某些输入字段
div
之后隐藏所有div？你知道你在问题中说了
span
，其中的代码是什么吗？@gries，这不是为什么。。请看这个有效的示例。。