How to modify CSS property using Jquery
<p>this is html part</p>

<pre><code>&lt;!-- html part --&gt;
&lt;ul id="accordion"&gt;
  &lt;li&gt;
     &lt;a href="#" class="item popular" rel="popular"&gt;&lt;/a&gt;
      &lt;ul id="online" class="list_friends"&gt;
        &lt;li class="ch0"&gt;&lt;img src="img/49992_720384020_1896998575_q.jpg" /&gt;a&lt;/li&gt;
        &lt;li class="ch1"&gt;&lt;img src="img/48983_615523712_8495_q.jpg" /&gt;b&lt;/li&gt;
        &lt;li class="ch2"&gt;&lt;img src="img/41621_717814907_4472_q.jpg" /&gt;c&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>this is css part</p>

<pre><code>#online li{
    width:179px;
    height:40px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:17px;
    color:#999999;
    background:url(../img/green.png) no-repeat 8% 50%,url(../img/back_line.png);
}
</code></pre>

<p>I want to give a change to ch0 class<br>
I want to keep url(../img/green.png), replace url(../img/back_line.png) to url(../img/login_line.png) and add url(../img/invite.png);</p>

<p>how to implement Jquery?</p>

<p>any thought</p>

<p>Thank you in advance.</p>
