title: Replace content css via JQuery
body: <p>I want to replace the content from a tag in CSS via jQuery.</p>
  
  <p>In this case the content "My content" to "New Content".</p>
  
  <p>I have this CSS code : </p>
  
  <pre><code>a.appari:focus:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: "My content";
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 400px;
  }
  </code></pre>
  
  <p>I tried this jQuery code : </p>
  
  <pre><code>function prova() {
  {
   ?&gt;
  &lt;script&gt;
  (function($){
    $(document).ready(function(){
      $('.appari').click(function(){         
        $("&lt;style&gt;.appari:focus:after { content: 'New Content'; }&lt;/style&gt;").appendTo( "head" )
    });
  });
  
  })(jQuery);
  &lt;/script&gt;
  
  &lt;?php
  
    }
  }
  </code></pre>
  
  <p>Thanks for helping.</p>