序号 $

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

重复输出元素可以使用 * 号,再加上重复的次数 … 想给这些重复输出的元素添加序号,可以使用 $ 符号 …. 一个 $ 符号表示一位数 …

比如我们要输出一组有 5 个项目的列表 … 在每个列表项目上都添加一个类,第一个列表上的类名是 item1 ,第二个列表上的类名是 item 2 … 依次往下排 …

ul>li.item$*5

这里的 item 是类名的前缀,后面加上一个 $ 符号,它是项目位置的序号 … 第一个项目上,这个 $ 符号就会是数字 1 …

得到的结果就是,第一个列表上的类名是 item1 … 一共有五个列表项目,所以最后一个列表项目上的类名是 item5 …

再看一下使用两个 $ 符号的效果 …

ul>li.item$$*5

两个符号表示两位数的序号 … 我们还可以把这个序号倒过来 … 在这个 $ 符号的后面,加上一个 @- ..

ul>li.item$@-*5

现在,第一个列表项目上的类是 item5 … 也就是最后一个序号 …

在 @ 符号的后面,把 - 线替换成具体的数字,它的意思就变成了指定一个起始的位置 …

比如我们要从第3个开始 …

ul>li.item$@3*5

现在,排第一的列表项目上的类名是 item3 。因为我们设置了从第3个开始 … 指定序号的开始并且把它倒过来的话,可以使用一个 @ 符号 ,加上一个 - 线,再加上开始的位置 …

ul>li.item$@-3*5

这样最后一个列表项目上的类名会是 item3 ….

文本

这个序号我们也可以应用在别的地方,比如元素里的文字 … 元素的文字可以放在一组花括号里面 …

ul>li.item${项目$}*5

得到的代码里面,元素里的文字上也会有序号 …

序号 $《 Emmet:HTML 与 CSS 缩写 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点