Odpowiednia deklaracja stylu elementu na stronie

Witam,

Mam mały problem z odpowiednią deklaracją stylu elementu na stronie, którą właśnie tworzę.

Fragment kodu html:

 
<ul class="jwts_tabbernav" multilinks-noscroll="true">
<li class="" multilinks-noscroll="true">
<a href="javascript:void(null);" title="Wiadomość e-mail" multilinks-noscroll="true">Wiadomość e-mail</a>
</li>
<li class="jwts_tabberactive" multilinks-noscroll="true">
</ul>

Element dziedziczy następujący CSS:

.art-postcontent ul > li:before, .art-post ul > li:before, .art-textblock ul > li:before {
    bottom: 2px;
    content: url("../images/postbullets.png");
    display: inline-block;
    font-size: 0;
    line-height: 0;
    margin-right: 6px;
    position: relative;
    vertical-align: middle;
}

Pytanie:

Jak zadeklarować styl dla elementu li podrzędnego klasie ul jwts_tabbernav aby pozbyć się zawartości zdefiniowanej w "content: url("../images/postbullets.png");" ? Innymi słowy na całej stronie elementy listy mają takie małe kwadraciki (postbullets.png) a w tym konkrentym przypadku ich nie chcę....

.jwts_tabbernav>li:before { content: ''; }