也许这是一个奇怪的问题，因为我不想知道“如何”而是“为什么”，但我认为答案对于那些希望了解 css 更好地工作方式的人来说可能是有价值的。
我试图让我页面上的每个 div 都显示一个“x”div，这将允许用户关闭该 div。有几个动态创建的 div。
我有这个（动态）html：
<div class="box">
<div class="x">X</div>
</div>
<div class="box">
<div class="x">X</div>
</div>
['box' div 的数量不同]
这个CSS：
.x {
visibility: hidden;
}
.box:hover .x {
visibility: visible;
}
我真的认为这行不通，但不知怎的：
但是这个简单的 css 代码如何“知道”应该显示哪个 x div，没有 id 来区分“box”div 和“x”div？