如何使用 CSS 选择器选中 HTML 中的中间元素？

CSS 选择器：精准定位 HTML 中间元素

本文介绍如何利用 CSS 选择器高效选中 HTML 结构中的中间元素。

针对特定 HTML 结构，我们可以运用以下 CSS 选择器：

.box div:nth-child(n+2):nth-last-child(n+2) {
  background-color: yellow;
}

此选择器作用于 .box 元素下的所有 div 元素。nth-child(n+2) 确保只选择第二个及以后的子元素，而 nth-last-child(n+2) 则确保只选择倒数第二个及以后的子元素。 因此，该选择器最终只会选中位于中间的 div 元素。