嵌套div结构中的整体最后一个子元素

时间:2018-10-30 16:18:05

标签: html css3 sass css-selectors frontend

我具有以下html文件结构

text {
  p {
    margin-bottom: rem(22);
    &:last-child {
      margin-bottom: 0;
    }
  }
}
<div class="text">

  <div class="one">
    <p>bla</p>
    <p>bla</p>
  </div>
  <div class="two">
    <p>bla</p>
  </div>
  <div class="three">
    <p>bla</p>
  </div>

</div>

有了最后一个孩子,我只想得到p的最后一个孩子。在这种情况下,<p>中的div class="three"

但是使用此代码,我总是为对应的div中的每个最后一个孩子(一个,两个,三个,等等)执行空白边距。

那么,有没有一种解决方案,只能获得div“文本”的最后一个孩子(一个<p>)?

我正在寻找一种解决方案,该解决方案将找到最后一个p并仅在其上添加边距底部

1 个答案:

答案 0 :(得分:4)

在这种情况下,选择器必须是

@CustomJsonV1RequestMapping(method = GET)
public String getFoo() {
    return foo;
}

或在SCSS中

SELECT aid, min(modi) as modi1, max(modi) as modi2
FROM (SELECT an_id as aid, 
             GROUP_CONCAT(m_id) as modi
      FROM annotation_history ah
      GROUP BY an_id
    ) t1
GROUP BY aid
HAVING min(modi) <> max(modi);

}