title: Changing width property of a :before css selector using JQuery
body: <p>I have a page that has an image in it and I styled it using :before CSS selectors.<br>
  The image is dynamic so it hasn't a fixed width; So I need to set :before rule's width dynamically.<br>
  I want do it in client side using JQuery.<br>
  Assume this:  </p>
  
  <pre><code>.column:before{
      width: 300px;
      float: left;
      content: "";
      height: 430px;
  }
  
  .column{
      width: 500px;
      float: right;
      padding: 5px;
      overflow: hidden;
      text-align: justify;
  }
  </code></pre>
  
  <p>How Can I only change the width property of class with <code>:before</code> selector (and not one without it) using JQuery?  </p>