百科定义:

使用仿CSS选择器的语法来快速开发HTML和CSS ——由Sergey Chikuyonok开发。

Zen Coding由两个核心组件组成:一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。




类型列表
    1、元素名称
    2、元素#ID
    3、元素.样式名
    4、元素>子元素
    5、元素+平级兄弟元素
    6、元素*N批量倍增
    7、元素$*N条目编号


如何使用?
    输入规则后,在最后一个字符后面按tab键即可
元素名称
    div
    <div></div>
元素#ID
    div#userList
    <div ></div>




综合案例

    div#container>div.left>ul>li#id$*5+div.right>div>h1.title+div.description+div.content>div.page>ul>li*5

   结果:

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

相关文章: