一、引式符号
html:5 or !
. class
# id
[]标签内属性 pycharm不支持
{}标签的内容 pycharm不支持
()分组标签 pycharm不支持
二、关系符号
1、>
ul>li
2、+ 同级
h2+h3
3、^ 上级元素 分离(pycharm中没法执行)
ul>li^p表示和ul同级 ,相当于cd . 回到li的上级
4、* 同级多少个元素
ul>li*5表示五个li元素
div>ul>li.a表示
5、$ 数字通配符 @-表示倒序
div>ul>li.a$@-*5
四、占位标记
lorem 随机占位符
p*4>lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet fugit molestias pariatur quae repudiandae. A alias architecto asperiores, aspernatur at commodi, dignissimos doloremque fuga illum laborum quae sapiente, similique suscipit!
Alias, asperiores at beatae dolores eum excepturi ipsa obcaecati pariatur placeat rem repellendus reprehenderit repudiandae saepe sequi tempora temporibus unde voluptate? Adipisci aliquid consectetur deserunt dicta nam non quos totam.
Atque fugiat provident soluta tenetur, vitae voluptatem voluptatibus? Aliquid, atque autem dolorem eligendi, eos error esse fugit magni neque nihil odio officia possimus quae quas quis repellendus unde, ut veritatis?
Dolor earum ipsam provident quae quos? Amet at ducimus enim et nobis omnis possimus tempore, ut voluptate voluptatum. Amet, dolorem doloremque excepturi explicabo iure obcaecati possimus qui quos! Esse, totam?
lorem还有一个用法就是lorem后面加数字 比如 lorem3表示输出三个值,lorem4表示输出四个字