Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 最后一类_Html_Css_Sass - Fatal编程技术网

Html 最后一类

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+

我想选择每个类类型的最后一个。我不知道有多少列表项,所以我不能使用第n个子项(2)。我可以在css中进行此操作,还是必须添加
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如果你是对的。如果要将样式更改为最后一个元素,我们可以使用jQeury
last()
method。是的,当然,使用jQuery很容易;)但我们总是有一个哲学上的无休止的问题:“如何使用纯CSS?”