我正在做一個包含元素列表（浮動或彈性）的程序，該列表可能顯示“無”，可以動態(tài)更改。當它用選擇器定義時，我設法在 CSS 中做到這一點：div:nth-child(odd)但是，如果我隱藏一個 div，它將不再起作用。我試過類似的東西div[style*="display: block;"]:nth-child(odd)但打破。* {box-sizing: border-box;} .flex-container {  width: 90%;  margin: 5px auto;  display: flex;  background-color: #ddd;  flex-direction: row;  flex-wrap: wrap;  justify-content: flex-start;  align-items: stretch;}.flex-container>div {  background-color: #f1f1f1;  display: block;  padding: 5px;  font-size: 12px;  cursor: pointer;  text-align: center;  width: 50%;  border-bottom: solid 1px #ccc;}.flex-container>div[style*="display: block;"]:nth-child(odd) {  border-right: solid 1px red;}<div class="flex-container">  <div id="flex1" style="display: block;">TEST 1</div>  <div id="flex2" style="display: block;">TEST 2</div>  <div id="flex3" style="display: block;">TEST 3</div>  <div id="flex4" style="display: block;">TEST 4</div>  <div id="flex5" style="display: block;">TEST 5</div></div><input type="button" onclick="document.getElementById('flex1').style.display = document.getElementById('flex1').style.display === 'none' ? 'block' : 'none'" value="Flex1" />使用按鈕時，它顯示/隱藏第一個 div。我想要的是這個紅色邊框總是在中間。我想盡可能避免使用 javascript。也許我完全錯了，或者沒有 javascript 是不可行的。