重复输出元素可以使用 * 号,再加上重复的次数 … 想给这些重复输出的元素添加序号,可以使用 $ 符号 …. 一个 $ 符号表示一位数 …
比如我们要输出一组有 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
得到的代码里面,元素里的文字上也会有序号 …