你好——我想根據另一個 div 中的內容在一個 div 中顯示內容。例如，如果兄弟 1 為空，我想隱藏兄弟 2（在下面的 parent1 中）。如果兄弟 1 有內容，我想顯示兄弟 2（下面的 parent2）。我希望能夠使用 CSS 來做到這一點，這可能嗎？如果沒有，我也可以使用簡單的 javascript 建議。
<!---hide sibling2--->
<div class="parent1">
<div class="sibling1"></div>
<div class="sibling2">hide</div>
</div>
<!---show sibling2--->
<div class="parent2">
<div class="sibling1">has content</div>
<div class="sibling2">show</div>
</div>
uj5u.com熱心網友回復：
.parent {
height: 100px;
border: 1px solid;
}
.sibling1 { background: green; }
.sibling2 { background: red; }
.sibling1:empty .sibling2 { display: none; }<!---hide sibling2--->
<div class="parent">
<div class="sibling1"></div>
<div class="sibling2">hide</div>
</div>
<!---show sibling2--->
<div class="parent">
<div class="sibling1">has content</div>
<div class="sibling2">show</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/445008.html
上一篇：為什么向下滾動時頁腳會隱藏內容？