Question

Hi I am trying to hide a span after an input field with the following code:

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

But the span is still shown in the browser HOWEVER if I inspect the element with firebug,
it tells me that the span has opacity: 0;

Am I missing something?

Answer 1

Why :after ? That is for creating pseudoelements..

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