Question

尽管将:last-of-type限制为某个div，但当我在该div下添加另一个div时，:last-of-type类会突然取消。有原因吗？

＆＃13;

.container {
  width: 400px;
  border-bottom: 1px solid #111;
}

.container:last-of-type {
  border-bottom: 0;
}

＆＃13;

<div class="entry">
  <div class="container">
    {block:Posts} ....... {/block:Posts}
  </div>
  <div class="pagination">....</div>
</div>

＆＃13;

使用此代码，如果我删除了.pagination div，则:last-of-type正常工作并删除border-bottom。
但如果我添加.pagination div ，即使:last-of-type div没有包含在容器类中，.pagination突然无法正常工作。

有没有办法解决它？或者选择.container div的最后一个div而不让.pagination类影响它？

Answer 1

您选择的是.container，而不是最后一个孩子。表单.container:last-of-type选择类.container中最后一个类型的任何内容。通过插入作为通用后代选择器的空格或直接后代选择器的直角括号（＆gt;），您现在可以在类.container的任何元素中选择给定类型的最后一个

.container > :last-of-type

但这可能不是您的最佳选择。你应该考虑最后一个孩子是否更有意义。例如，如果在某个时刻引入不同类型的元素，则将选择每种类型的最后一个。

Answer 2

<%= form_for([@wad, @wad.comments.create]) do |f| %> <%= f.text_area :content %> <%= f.submit %> <% end %>指的是元素类型（在本例中为// vvv ticket.TicketId = Convert.ToInt32( UnitOfTicket.Max() + 1 );），而不是类，因此它不会按照您期望的方式工作，但是会选择last-of-type DIV，这是容器元素中的最后一个DIV。

但是，如果最后div div始终是那里的第二个DIV（仅后跟.pagination div，则可以使用.container：

＆＃13;

.pagination

＆＃13;

:nth-last-of-type(2)

＆＃13;

为什么不在tumblr上工作？

2 个答案: