Emmet (Zen Coding) HTML基本语法

Emmet (Zen Coding) HTML基本语法,第1张

概述Emmet (Zen Coding) HTML基本语法

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

1. 嵌套 *** 作----------子 *** 作: >div>ul>li<div>    <ul>        <li></li>    </ul></div>并列:+div+ul>li<div></div><ul>    <li></li></ul>上级:^ul>li^div<ul>    <li></li></ul><div></div>ul>li>a^^div 上级多层<ul>    <li><a href=""></a></li></ul><div></div>重复:*ul>li*3<ul>    <li></li>    <li></li>    <li></li></ul>分组:()        div>(p>span)*2<div>    <p><span></span></p>    <p><span></span></p></div>2. 属性 *** 作----------ID和类div#header+div.main+div#footer<div ID="header"></div><div ></div><div ID="footer"></div>属性值a[Title=test target=_self]<a title="test" target="_self" href=""></a>数列值:$p.item$*3<p ></p><p ></p><p ></p>p.item$$*3<p ></p><p ></p><p ></p>数列 *** 作符:@[email protected]*3   @- = -1<p ></p><p ></p><p ></p>[email protected]*3  @3 = 从3开始3次<p ></p><p ></p><p ></p>[email protected]*3 @-3 = 3次后到3结束<p ></p><p ></p><p ></p>3. 字符 *** 作----------        字符 *** 作:{}a{click}        <a href="">click</a>           a>{click}+span{me}<a href="">click<span>me</span></a>4. 缺省元素----------.header+.footer  ---------------  div.header+div.footerul>.item*3 -------------- ul>li.item*3table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3最后注意:如果搞不清楚顺序了,多用()。就像1+2×3,实际上是(1+2)×3

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的Emmet (Zen Coding) HTML基本语法全部内容,希望文章能够帮你解决Emmet (Zen Coding) HTML基本语法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1097633.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存