得到最后一个孩子（如果它是偶数）和前任兄弟

Question

我有这个结构：

<button>1</button>
<button>2</button>

和这个scss：

Application.EnableVisualStyles()

我想要做的就是让最后一个孩子（如果它是偶数）和前兄弟姐妹。 有办法做到这一点吗？

谢谢！

Answer 1

要获取甚至的最后一个孩子，请使用：

.as-twl-list-item:last-child:nth-child(even) {
  border-bottom-color: transparent;
}

并且在使用nth-last-child之前获取元素：

.as-twl-list-item:nth-last-child(2):nth-child(odd) {
  border-bottom-color: transparent;
}

见下面的演示：

＆＃13;

＆＃13;

.as-twl-list-item {
  border-bottom: 1px solid #ddd;
}
.as-twl-list-item:last-child:nth-child(even) {
  border-bottom-color: transparent;
}
.as-twl-list-item:nth-last-child(2):nth-child(odd) {
  border-bottom-color: transparent;
}

＆＃13;

Last child even:
<div class="as-twl-list-main">
  <div class="as-twl-list-item">1</div>
  <div class="as-twl-list-item">2</div>
  <div class="as-twl-list-item">3</div>
  <div class="as-twl-list-item">4</div>
</div>

<br/>
Last child odd:
<div class="as-twl-list-main">
  <div class="as-twl-list-item">1</div>
  <div class="as-twl-list-item">2</div>
  <div class="as-twl-list-item">3</div>
</div>

＆＃13;

＆＃13;

＆＃13;