Changing css of single li element
<p>Is it possible to change edit the css of only 4th tab of this li menu. If so, how?</p>

<p>All help appreciated. Thank you!</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="rt_tabs clearfix  left tab-style-2" id="single-product-details" data-tab-style="tab-style-2"&gt;
  &lt;ul class="tab_nav hidden-xs"&gt;
    &lt;li class="tab_title  active" id="tab-1-title" data-tab-number="1"&gt;&lt;span class="icon-lightbulb"&gt;&lt;/span&gt;TAB 1&lt;/li&gt;
    &lt;li class="tab_title " id="tab-2-title" data-tab-number="2"&gt;&lt;span class="icon-home"&gt;&lt;/span&gt;TAB 2&lt;/li&gt;
    &lt;li class="tab_title " id="tab-3-title" data-tab-number="3"&gt;&lt;span class="icon-plus-circled"&gt;&lt;/span&gt;TAB 3&lt;/li&gt;
    &lt;li class="tab_title " id="tab-4-title" data-tab-number="4"&gt;&lt;span class="icon-mail-1"&gt;&lt;/span&gt;TAB 4&lt;/li&gt;
  &lt;/ul&gt;</code></pre>
</div>
</div>
</p>