最后一种类

时间:2018-01-18 08:48:06

标签: html css sass

我想选择每个班级类型的最后一个。我不知道有多少列表项,所以我不能使用nth-child(2)。我可以在css中创建这个,还是必须添加last类宽度脚本?

  • 组-1
  • 组-1


  • 基-2-

  • 基-2-


  • 基-3-

  • 基-3-

.group-1:last-of-type {
  margin-bottom: 50px;
}
.group-2:last-of-type {
  margin-bottom: 50px;
}
.group-3:last-of-type {
  margin-bottom: 50px;
}
<ul>
  <li class="group-1">Group1</li>
  <li class="group-1">Group1</li>
  <li class="group-2">Group2</li>
  <li class="group-2">Group2</li>
  <li class="group-3">Group3</li>
  <li class="group-3">Group3</li>
</ul>

2 个答案:

答案 0 :(得分:1)

您可以使用相邻兄弟组合器 + css选择器。

element1 + element2表示只有紧跟第一个元素element2后才会选择第二个元素element1

Stack Snippet

.group-1+.group-2 {
  margin-top: 50px;
}

.group-2+.group-3 {
  margin-top: 50px;
}
<ul>
  <li class="group-1">Group1</li>
  <li class="group-1">Group1</li>
  <li class="group-1">Group1</li>
  <li class="group-2">Group2</li>
  <li class="group-2">Group2</li>
  <li class="group-2">Group2</li>
  <li class="group-2">Group2</li>
  <li class="group-2">Group2</li>
  <li class="group-2">Group2</li>
  <li class="group-3">Group3</li>
  <li class="group-3">Group3</li>
  <li class="group-3">Group3</li>
  <li class="group-3">Group3</li>
  <li class="group-3">Group3</li>
</ul>

  

参考链接adjacent sibling combinator

答案 1 :(得分:-2)

你可以在css中使用::nth-​​child(2n)

"insert into [Table] (write you column name ,...) values('" +b.Navn+ "','"+b.Gmail+"', '"+b.GmailKode+"', '"+b.Alder+"')";

con.Open();

SqlCommand cmd = con.CreateCommand();
cmd.CommandType = CommandType.Text;
cmd.CommandText = "insert into [Table] values('" +b.Navn+ "','"+b.Gmail+"', '"+b.GmailKode+"', '"+b.Alder+"')";

cmd.ExecuteNonQuery(); 

con.Close();