( kmARC | 2010. 09. 28., k – 15:00 )

Pont ilyenekre nagyon jó a Zen-coding. Ha már fejben nagyjából megvan, hogy mennyi elem kell, hogyan helyezkednek el, és a CSS-es szelektorszintaktikát érted, akkor kitűnő. A linkelt példa:

Ezt írod be:

div#page>div.logo+ul#navigation>li*5>a

És ezt kapod

< div id="page">
        < div class="logo">< / div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
< / div>

Így kicsit rövidebb :)

BTW: ez az ajánlott felbontás - ajánlott böngésző kicsit... hát nem sejtett professzionalitást (főleg nem az, hogy konkrétan a 3.6-os ff, stb.)