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 class="main"></div>
<div id="footer"></div>
屬性值
a[title=test target=_self]
<a title="test" target="_self" href=""></a>
數列值:$
p.item$*3
<p class="item1"></p>
<p class="item2"></p>
<p class="item3"></p>
p.item$$*3
<p class="item01"></p>
<p class="item02"></p>
<p class="item03"></p>
數列操作符:@
p.item$@-*3 @- = -1
<p class="item3"></p>
<p class="item2"></p>
<p class="item1"></p>
p.item$@3*3 @3 = 從3開始3次
<p class="item3"></p>
<p class="item4"></p>
<p class="item5"></p>
p.item$@-3*3 @-3 = 3次後到3結束
<p class="item5"></p>
<p class="item4"></p>
<p class="item3"></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.footer
ul>.item*3 -------------- ul>li.item*3
table>.row*4>.cell*3 -------------- table>tr.row*4>td.cell*3
html快速編寫
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.