html - 输入后的css隐藏范围

Question

您好我正在尝试使用以下代码在输入字段后隐藏一个跨度：

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

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

我错过了什么吗？

Answer 1

为什么:after？那是为了创建伪元素..

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