如何给for循环元素设置不同的样式?
发布网友
发布时间:2022-05-12 19:39
我来回答
共2个回答
懂视网
时间:2022-05-13 00:00
我们平时常用的是< ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。
< dl>< /dl>< dt>< /dt>< dd>< /dd>
< dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目,< dd>< /dd>用来创建列表中最下层项目,< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了:
dl ??define list??定义列表
dt ??define list title??用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。
dd??define list define??用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解
例子:
1 2 Today3 Today is yesterday.4 Tomorrow5 Tomorrow is today.6
例子2:
1 2 3 4 5 无标题文档 6 45 46 47 48 49 50 51 商品名称:52 [好大的一只啊] 忧惠:8.5折53 商品简介:54 商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称 商品名称商品名称商品名称商品品名称商品名称商品名称商品名称商品名称商品名称……[详细介绍]55 店铺地址:56 商品名称57 联系电话:58 0000-12345678 87654321 59 60 61 62 63
热心网友
时间:2022-05-12 21:08
css可以写为
ys1:nth-child(n+4){------------------------ }
---------分割线----------
可以去学习一下css3的:nth-child() 选择器
1、first-child
first-child表示选择列表中的第一个标签。例如:li:first-child{background:#fff}
2、last-child
last-child表示选择列表中的最后一个标签,例如:li:last-child{background:#fff}
3、nth-child(3)
表示选择列表中的第3个标签,例如:li:nth-child(3){background:#fff},代码中的3也可以改成其它数字,如4、5等。想选择第几个标签,就填写几。
4、nth-child(2n)
这个表示选择列表中的偶数标签,即选择 第2、第4、第6…… 标签,例如:li:nth-child(2n){background:#fff}
5、nth-child(2n-1)
这个表示选择列表中的奇数标签,即选择 第1、第3、第5、第7……标签,例如:li:nth-child(2n-1){background:#fff}
6、nth-child(n+3)
这个表示选择列表中的标签从第3个开始到最后。
7、nth-child(-n+3)
这个表示选择列表中的标签从0到3,即小于3的标签。
8、nth-last-child(3)
这个表示选择列表中的倒数第3个标签。
记得采纳 ~