Avatar billede webdesigner Praktikant
08. maj 2014 - 10:39 Der er 4 kommentarer

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 + "'" ;
        }
    }
}
Avatar billede jakobdo Ekspert
08. maj 2014 - 11:27 #1
Har du mulighed for at lave en http://jsfiddle.net/ og så tror jeg desværre ikke her forstår hvad du ønsker at opnå ?

Det er ikke "bare" en margin:0; du skal smide på ul og li ?
Avatar billede webdesigner Praktikant
08. maj 2014 - 14:32 #2
http://jsfiddle.net/7ffzy/

håber det er beskrivende nok .. :)
Avatar billede jakobdo Ekspert
08. maj 2014 - 15:23 #3
Jeg er desværre stadig ikke med på hvad du ønsker.
Kan du prøve at lave ønskede design på et "billede" eller noget?

Vil du have tallene: 1, 2, 3 foran prikken eller ?
Avatar billede jakobdo Ekspert
08. maj 2014 - 15:28 #4
Det er ikke noget i den stil her du søger: http://jsfiddle.net/7ffzy/1/
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester