Html 最后一类
我想选择每个类类型的最后一个。我不知道有多少列表项,所以我不能使用第n个子项(2)。我可以在css中进行此操作,还是必须添加Html 最后一类,html,css,sass,Html,Css,Sass,我想选择每个类类型的最后一个。我不知道有多少列表项,所以我不能使用第n个子项(2)。我可以在css中进行此操作,还是必须添加last类宽度脚本 第一组 第一组 第2组 第2组 第三组 第三组 .group-1:类型的最后一个{ 边缘底部:50px; } .第2组:最后一种类型{ 边缘底部:50px; } .第3组:最后一种类型{ 边缘底部:50px; } Group1 Group1 Group2 Group2 第三组 第三组 您可以使用相邻兄弟组合器+css选择器 element1+
last
类宽度脚本
- 第一组
- 第一组
- 第2组
- 第2组
- 第三组
- 第三组
.group-1:类型的最后一个{
边缘底部:50px;
}
.第2组:最后一种类型{
边缘底部:50px;
}
.第3组:最后一种类型{
边缘底部:50px;
}
- Group1
- Group1
- Group2
- Group2
第三组
第三组
您可以使用相邻兄弟组合器+
css选择器
element1+element2
表示仅当紧跟在第一个元素element1
之后时,才会选择第二个元素element2
堆栈片段
.group-1+.group-2{
边缘顶部:50px;
}
.第2组+第3组{
边缘顶部:50px;
}
- Group1
- Group1
- Group1
- Group2
- Group2
- Group2
- Group2
- Group2
- Group2
第三组
第三组
第三组
第三组
第三组
您可以在css中使用::第n个子项(2n)
li:nth-child(2n){
margin-bottom: 50px;
}
给那些你想选择的
li
添加另一个类,或者你可以使用伪选择器:last child
“我不知道有多少列表项要提交,所以我不能使用第n个child(2)作为例子。”所以请看这个链接,当我们必须处理边距时,它将帮助你掌握好技巧,但如果我们必须将颜色设置为最后一种颜色,则会变得更加棘手,例如:)@Temaniaff如果你是对的。如果要将样式更改为最后一个元素,我们可以使用jQeurylast()
method。是的,当然,使用jQuery很容易;)但我们总是有一个哲学上的无休止的问题:“如何使用纯CSS?”