<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<!-- div#test -->
<div id="test">
</div>
<!-- div.test -->
<div class="test">
</div>
<!-- div>ul>li>p -->
<div>
<ul>
<li>
<p></p>
</li>
</ul>
</div>
<!-- div+ul+p -->
<div></div>
<ul></ul>
<p></p>
<!-- div>ul>li^div -->
<div>
<ul>
<li></li>
</ul>
<div></div>
</div>
<!-- div*3 -->
<div></div>
<div></div>
<div></div>
<!-- div>(li>span)*3 -->
<div>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
</div>
<!-- div>(ul>li>a[href=''])+div>p -->
<div>
<ul>
<li><a href=""></a></li>
</ul>
<div>
<p></p>
</div>
</div>
<!-- a[href='xxx.do' name='myname'] -->
<a href="xxx.do" name="myname"></a>
<!-- ul>li.test$*3 -->
<ul>
<li class="test1"></li>
<li class="test2"></li>
<li class="test3"></li>
</ul>
<!-- ul>li.test$@2*3 -->
<ul>
<li class="test2"></li>
<li class="test3"></li>
<li class="test4"></li>
</ul>
<!-- ul>li.test${标签$}*3 -->
<ul>
<li class="test1">标签1</li>
<li class="test2">标签2</li>
<li class="test3">标签3</li>
</ul>
</body>
</html>
学习原文
https://blog.csdn.net/qq_33744228/article/details/80910377
