Вопрос касательно списка

[GaDiV]

Здравствуйте. В ходе работы над маркерованым списоком возникла следующая ситуация:

Есть маркерованный список у которого всего 4 строки, с помощью css я заменил стандартные маркеры на картинки и у каждой строки они одинаковые, а мне нужно, что бы у первой строки списка был маркер одного вида, для второй строки - второго вида и так далее, возможно ли такое усуществить с помощью css? Если возможно, подскажите плиз как.

[Great Rash]

Конечно возможно. Присвойте каждому элементу списка свой класс.

[SelenIT]

Можно и без классов (если не учитывать 3% антиквариата).

[Great Rash]

Я что-то не понял... чем это:

li{
    font-size:38px;
    background:url(images/medals.png) no-repeat;
    padding-left:24px;
}

li+li{
    font-size:32px;
    background-position:0 -44px;
}

li+li+li{
    font-size:28px;
    background-position:0 -88px;
}

li+li+li+li{
    font-size:16px;
    background:none;
}

отличается от этого:

li {
    font-size:38px;
    background:url(images/medals.png) no-repeat;
    padding-left:24px;
}

li.two {
    font-size:32px;
    background-position:0 -44px;
}

li.three {
    font-size:28px;
    background-position:0 -88px;
}

li.four {
    font-size:16px;
    background:none;
}

[SelenIT]

Единообразием разметки и неподдержкой IE6-?

[GaDiV]

А для IE6 есть варианты изменить стандартный маркер?

[SelenIT]

Маркер — да. На крайний случай, заменить фоновой картинкой. Не работает в нем селектор "+" (соседний элемент).

[Great Rash]

SelenIT, так я и думал, запутал человека...

ul {
    list-style: none;
}

li {
    font-size:38px;
    background:url(images/medals.png) no-repeat;
    padding-left:24px;
}

li.two {
    font-size:32px;
    background-position:0 -44px;
}

li.three {
    font-size:28px;
    background-position:0 -88px;
}

li.four {
    font-size:16px;
    background:none;
}

<ul>
    <li>test</li>
    <li class="two">test</li>
    <li class="three">test</li>
    <li class="four">test</li>
</ul>

[GaDiV]

SelenIT, так я и думал, запутал человека...

ul {
    list-style: none;
}

li {
    font-size:38px;
    background:url(images/medals.png) no-repeat;
    padding-left:24px;
}

li.two {
    font-size:32px;
    background-position:0 -44px;
}

li.three {
    font-size:28px;
    background-position:0 -88px;
}

li.four {
    font-size:16px;
    background:none;
}

<ul>
    <li>test</li>
    <li class="two">test</li>
    <li class="three">test</li>
    <li class="four">test</li>
</ul>

Огромное всем спс за помощь.

P.S жаль, что IE усложняет так верстку

[GaDiV]

Опять возникла проблема с IE, суть в следующем:

Я заменил стандартные маркеры на свои, мне нужно, что бы при наведении на 1ю строку списка (на каждую строку своя ссылка) менялся маркер (в опера и firefox всё нормально, там я делал через :before, в IE не поддерживается ), в IE я попробовал описать по выше указанному методу для псевдоэлемента :hover, но вместо того, чтобы меняться, маркеры выстраиваются в строку, это как то можно решить или вообще невозможно?