Descendants med nth-child og lav et flat hiraki

Arbejder på at få alle Descendants i et hiraki fladt så de kan styles...
hirakiet er som følger

<ul>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>         
        </ul>
    </li>
    <li>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>         
        </ul>
    </li>
</ul>

nu værende output er

<ul>
    <li>
        <ul>
            1<li></li>
            2<li></li>
            3<li></li>
            4<li></li>
            5<li></li>         
        </ul>
    </li>
    <li>
        <ul>
            1<li></li>
            2<li></li>
            3<li></li>
            4<li></li>
            5<li></li>         
        </ul>
    </li>
</ul>

Output hiraki jeg gerne vil have er vist med numre her under

<ul>
    <li>
        <ul>
            1<li></li>
            2<li></li>
            3<li></li>
            4<li></li>
            5<li></li>         
        </ul>
    </li>
    <li>
        <ul>
            6<li></li>
            7<li></li>
            8<li></li>
            9<li></li>
            10<li></li>         
        </ul>
    </li>
</ul>

Kan det lade sig gøre med css3 ??

her er min sass kode

@mixin LiNummre
{
    @for $i from 0 to 20
    {
        ul > li > ul > li:nth-of-type(#{$i})::before
        {
            font-size:10px;
            content: "'" + $i + "'" ;
        }
    }
}