-
输入
!然后点击Tab键 -
乘法符号(
*)：ul>li*6点击Tab -
加法符号(
+)：div+p+bq点击Tab -
自增符(
$):ul>li.item$*5- 缩写：
h$[title=item$]{Header $}*3 - 缩写：
ul>li.item$$$*5 - 缩写：
ul>li.item$@-*5 - 缩写：
ul>li.item$@3*5 - 缩写：
div+div>p>span+em^bq - 缩写：
div+div>p>span+em^^bq
- 缩写：
-
分组：使用
()- 缩写：
div>(header>ul>li*2>a)+footer>p - 缩写：
(div>dl>(dt+dd)*3)+footer>p
- 缩写：
-
ID和类属性
- 缩写：
#header - 缩写：
.title - 缩写：
form#search.wide - 缩写：
p.class1.class2.class3
- 缩写：
-
自定义属性：
[]- 缩写：
p[title="Hello world"] - 缩写：
td[rowspan=2 colspan=3 title] - 缩写：
[a='value1' b="value2"]
- 缩写：
-
属性：
[]- a[href=#]
- div[name='polly']
-
文本：
{}- h1{foo}
- 缩写：
a{Click me} - 缩写：
p>{Click }+a{here}+{ to continue}
-
隐式标签
- 缩写：
.class - 缩写：
em>.class - 缩写：
ul>.class - 缩写：
table>.row>.col
- 缩写：
本文深入探讨了CSS和HTML的快速语法，包括乘法符号(*)、加法符号(+)、自增符($)等在构建网页结构中的应用。同时，介绍了ID、类属性、自定义属性的使用，以及如何通过缩写提高代码效率。文章还涵盖了分组、隐式标签和文本插入等内容，旨在提升前端开发者的代码编写技巧。
591
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
