我们可以常用 > + ^ * () 这五个符号来简化复杂代码的编写
例如 :
div>ul>li*3
效果如下:

image.png
div+div+p

image.png
div>div^p

image.png
(header>div>ul>li*2)+footer

image.png
我们也经常用 # 以及 . 对标签进行样式的设定
div#container.contain

image.png
div#container.contain[data-value]

image.png
ul>li.item$*5

image.png
a{Click me}

image.png
p{Click me}

image.png
生成无意义字符串,进行排版
lorem10

image.png
lorem100

image.png