div.imageBox+div.infoBox+input[type="button" class="starBtn"]*3
1 <div class="imageBox"></div> 2 <div class="infoBox"></div> 3 <input type="button" class="starBtn"> 4 <input type="button" class="starBtn"> 5 <input type="button" class="starBtn">
后代:>
缩写:nav>ul>li
1 <nav> 2 <ul> 3 <li></li> 4 </ul> 5 </nav>
兄弟:+
缩写:div+p+bq
1 <div></div> 2 <p></p> 3 <blockquote></blockquote>
上级:^
缩写:div+div>p>span+em^bq
1 <div></div> 2 <div> 3 <p><span></span><em></em></p> 4 <blockquote></blockquote> 5 </div>
缩写:div+div>p>span+em^^bq
1 <div></div> 2 <div> 3 <p><span></span><em></em></p> 4 </div> 5 <blockquote></blockquote>
分组():
缩写:div>(header>ul>li*2>a)+footer>p
1 <div> 2 <header> 3 <ul> 4 <li><a href=""></a></li> 5 <li><a href=""></a></li> 6 </ul> 7 </header> 8 <footer> 9 <p></p> 10 </footer> 11 </div>
缩写:(div>dl>(dt+dd)*3)+footer>p
1 <div> 2 <dl> 3 <dt></dt> 4 <dd></dd> 5 <dt></dt> 6 <dd></dd> 7 <dt></dt> 8 <dd></dd> 9 </dl> 10 </div> 11 <footer> 12 <p></p> 13 </footer>
乘法:*
缩写:ul>li*5
1 <ul> 2 <li></li> 3 <li></li> 4 <li></li> 5 <li></li> 6 <li></li> 7 </ul>
自增符号:$
缩写:ul>li.item$*5
1 <ul> 2 <li class="item1"></li> 3 <li class="item2"></li> 4 <li class="item3"></li> 5 <li class="item4"></li> 6 <li class="item5"></li> 7 </ul>
h$[title=item$]{Header $}*3
1 <h1 title="item1">Header 1</h1> 2 <h2 title="item2">Header 2</h2> 3 <h3 title="item3">Header 3</h3>
ul>li.item$$$*5
1 <ul> 2 <li class="item001"></li> 3 <li class="item002"></li> 4 <li class="item003"></li> 5 <li class="item004"></li> 6 <li class="item005"></li> 7 </ul>
ul>li.item$@-*5
1 <ul> 2 <li class="item5"></li> 3 <li class="item4"></li> 4 <li class="item3"></li> 5 <li class="item2"></li> 6 <li class="item1"></li> 7 </ul>
ul>li.item$@3*5
1 <ul> 2 <li class="item3"></li> 3 <li class="item4"></li> 4 <li class="item5"></li> 5 <li class="item6"></li> 6 <li class="item7"></li> 7 </ul>
ID和类属性
缩写:#header
1 <div id="header"></div>
.title
1 <div class="title"></div>
form#search.wide
1 <form action="" id="search" class="wide"></form>
p.class1.class2.class3
1 <p class="class1 class2 class3"></p>
自定义属性
缩写:p[title="Hello world"]
1 <p title="Hello world"></p>
td[rowspan=2 colspan=3 title]
1 <td rowspan="2" colspan="3" title=""></td>
文本:{}
缩写:a{Click me}
1 <a href="">Click me</a>
p>{Click }+a{here}+{ to continue}
1 <p>Click <a href="">here</a> to continue</p>
隐式标签
缩写:.class
1 <div class></div>
em>.class
1 <em><span class></span></em>
ul>.class
1 <ul> 2 <li class></li> 3 </ul>
table>.row>.col
1 <table> 2 <tr class="row"> 3 <td class="col"></td> 4 </tr> 5 </table>
缩写:link
1 <link rel="stylesheet" href="">
link:css
1 <link rel="stylesheet" href="style.css">
link:print
1 <link rel="stylesheet" href="print.css" media="print">
link:favicon
1 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
link:touch
1 <link rel="apple-touch-icon" href="favicon.png">
meta:utf
1 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
meta:vp
1 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
script:src
1 <script src=""></script>
form:get
1 <form action="" method="get"></form>
form:post
1 <form action="" method="post"></form>
inp
1 <input type="text" name="" id="">
input:hidden
1 <input type="hidden" name="">
input:search
1 <input type="search" name="" id="">
input:email
1 <input type="email" name="" id="">
input:url
1 <input type="url" name="" id="">
input:password
1 <input type="password" name="" id="">
input:p
1 <input type="password" name="" id="">
input:datetime
1 <input type="datetime" name="" id="">
input:date
1 <input type="date" name="" id="">
input:month
1 <input type="month" name="" id="">
input:week
1 <input type="week" name="" id="">
input:number
1 <input type="number" name="" id="">
input:color
1 <input type="color" name="" id="">
input:c
1 <input type="checkbox" name="" id="">
input:r
1 <input type="radio" name="" id="">
input:range
1 <input type="range" name="" id="">
input:f
1 <input type="file" name="" id="">
input:s
1 <input type="submit" value="">
input:i
1 <input type="image" src="" alt="">
input:b
1 <input type="button" value="">
input:reset
1 <input type="reset" value="">
select
1 <select name="" id=""></select>
option
1 <option value=""></option>
textarea
1 <textarea name="" id="" cols="30" rows="10"></textarea>
menu:c
1 <menu type="context"></menu>
menu:t
1 <menu type="toolbar"></menu>
video
1 <video src=""></video>
audio
1 <audio src=""></audio>
html:xml
1 <html xmlns="http://www.w3.org/1999/xhtml"></html>
bq
1 <blockquote></blockquote>
fig
1 <figure></figure>
figc
1 <figcaption></figcaption>
ifr
1 <iframe src="" frameborder="0"></iframe>
fst, fset
1 <fieldset></fieldset>
btn
1 <button></button>
btn:r
1 <button type="reset"></button>
btn:s
1 <button type="submit"></button>