我当前的代码如下所示：
if list.isEmpty() {
output("<div>No items</div>")
} else {
for each item in list
optput("<div>" + item + "</div>")
}
但是，整个“无项目”逻辑属于视图，应与逻辑分开。理想情况下，我想
for each item in list
optput("<div>" + item + "</div>")
然后让HTML模板看起来像这样：
<div id="container">
<div style="visible only if no siblings">No items</div>
<div>Item 1</div>
<div>Item 2</div>
<div>
问题是我不知道该怎么做"visible only if no siblings"。有没有办法使用CSS可靠地（在所有标准浏览器上均可）实现此目的？
给您希望只在没有兄弟姐妹的情况下可见的div特定类：
<div id="container">
<div class="vis-only-no-siblings">No items</div>
<div>Item 1</div>
<div>Item 2</div>
<div>
只要div没有其他兄弟姐妹，您就可以使用:only-child伪选择器，如下所示：
#container div.vis-only-no-siblings{
display: none;
}
#container div.vis-only-no-siblings:only-child {
display: block;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句