我们可以常用 > + ^ * () 这五个符号来简化复杂代码的编写
例如 :
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