title: Change css class content with JQuery
body: <p>Is it possible to change a css class content with JQuery?</p>
  
  <p>For instance, I have the following page:</p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;div class="foo"&gt; FOO &lt;/div&gt;
  </code></pre>
  
  <p><strong>css</strong></p>
  
  <pre><code>.foo {
      color: black;
  }
  </code></pre>
  
  <p>Now I want to change the color in <code>foo</code> class and maybe add another css attributes in the class. Can I do that with JQuery?</p>
  
  <p>So that I would get</p>
  
  <p><strong>css</strong></p>
  
  <pre><code>.foo {
      color: red;
      display: inline;
  }
  </code></pre>
  
  <p>I understand that it is possible to modify the style of a specific element in any way I want, but I am interested in changing class content here.</p>
  
  <p>Thank you.</p>