我有一個內(nèi)部有任意數(shù)量塊的父對象，連續(xù)兩塊。奇數(shù)時最后一個元素被隱藏，因此沒有包含1個元素的行。

當我開始添加時，一個新的問題出現(xiàn)了。一些元素沒有顯示類，在圖片上有5個元素的情況下，當我給第4個元素添加隱藏類時，我們剩下3個元素，因為根據(jù)規(guī)則第5個元素仍然是隱藏的。只有當最后一個孩子在dom結(jié)構(gòu)中是奇數(shù)時，才可以通過CSS隱藏它嗎？考慮到之前有多少塊是通過hiding類隱藏的，這也是奇數(shù)嗎？

您可以使用以下選擇器。box & gt*:第n個子代(奇數(shù):非(。無)):最后一個孩子。首先選擇所有不具有類& quot無& quot然后考慮其中的奇數(shù)元素，最后挑選最后一個孩子。

.box {
  display: grid;
  grid-template-columns: 100px 100px;
  gap: 5px;
  border: 2px solid;
  margin: 10px;
}
.box * {
  aspect-ratio: 1;
  background: red;
}

.none {
  display: none;
}

.box > *:nth-child(odd  of :not(.none)):last-child {
  display: none;
}

<div class="box">
  <div></div>
  <div class="none"></div>
  <div></div>
  <div></div>
</div>
<div class="box">
  <div></div>
  <div class="none"></div>
  <div></div>
  <div></div>
  <div></div>
</div>
<div class="box">
  <div></div>
  <div class="none"></div>
  <div></div>
  <div class="none"></div>
  <div></div>
</div>
<div class="box">
  <div></div>
  <div></div>
  <div></div>
</div>
<div class="box">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
</div>

你居然把答案寫在你貼的圖片里了:)

.box:nth-child(odd):last-child{
      display:none;
   }

嘗試使用此:。grid-cont:最后一個孩子:第n個孩子(奇數(shù))。grid-item:last-child { display:none；}