[CSS] Prośba o pomoc z wyróżnieniem LI

[kasek]

Witam

Męczę się z jedną rzeczą i nie mogę zrobić

Mam w css:

Kod:

.klasa ul li{
    font-family: Verdana,Arial,Georgia,Sans-Serif;
    font-size: 11px;
    list-style-type: none;
    padding-left: 18px;
}

W kodzie strony:

Kod:

<div class='klasa'>

<ul>
<li></li>
<li></li>
<li></li>
<li class='wyrozniony'></li>
itd.
</ul>

</div>

Chciałbym niektóre elementy w li wyróżnić , np poprzez nadanie innego padingu z lewej strony tylko nie wiem jak poprawnie zapisać w pliku CSS klasę (wyróżniony) tak żeby działało... Kombinowałem na różne sposoby ale niestety bez rezultatu.

Dzięki za pomoc

[grind]

Moim skromnym zdaniem to :
aby dodać klasę do div to

Kod:

<div class="klasa">
...
</div>

a co do pytania to dodajesz w css:

Kod:

.klasa ul li.wyrozniony {
padding-left: 20px;
}
.klasa ul li  .wyrozniony:before {
content: " ›"
}

co zmieni wyróżniony element ustawiając padding po lewej stronie na 20 pikseli oraz przed zawartością doda ›.
Elementy z klasą "wyrozniony" będą miały takie parametry tylko jesli będą w bloku "klasa" w znaczniku <ul></ul> i będzie to znacznik <li></li>.
Jak chcesz zeby kazdy li z klasą wyróżniony byl tak wyróżniony to wystarczy ze:

Kod:

li.wyrozniony {
padding-left: 20px;
}
li.wyrozniony:before {
content: " ›"
}

Mam nadzieję ze pomogłem