CSS - lista, zmiana punktorów bez używania klas i id

Question

Dzień dobry, mam pewien problem, chcę zmienić wszystkie listy typu numeracji rzymskiej na grafikę. Działą mi to bez problemu kiedy używam list-style-type:none; jednak kiedy używam list-style-image:url(adres pliku); to nie wiem czemu zamienia mi wszystkie punktory. Czy wie ktoś jak to naprawić? Bez użycia klas i id. To mój kod:

HTML

<ol type="I">
    <li>I</li>
            <ol type="A">
            <li>A</li>
                <ol type="i">
                <li>i</li>
                    <ol type="a">
                    <li>a</li>
                    </ol>

                    <li>i</li>
                        <ol type="a">
                        <li>a</li>
                        <li> a</li>
                        <li>a</li>
                        </ol>

                <li> i</li>

                         <ol type="A">
                         <li>A</li>
                          </ol>

                </ol>

        <li>I</li>

        <li>I</li>

 
CSS
 

ol:first-child
{
    list-style-image:url(check.png);
}

 

Answer 1

Nieczytelne jest te 'I' 'A' 'a', ale wydaje mi się, że błąd jest w CSS, zamiast:

ol:first-child

powinno być:

ol>:first-child 

 

Answer 2

Zastanów się czy nie lepiej byłoby wykorzystać pseudobloki.

Answer 3

stackoverflow