「方法」ではなく「なぜ」を知りたくないので奇妙な質問かもしれませんが、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>
[「ボックス」divの数は異なります]
そしてこのcss：
.x {
visibility: hidden;
}
.box:hover .x {
visibility: visible;
}
私は本当にこれがうまくいくとは思いませんでしたが、どういうわけかそれはうまくいきます：
しかし、この単純なcssコードは、どのx divを明らかにする必要があるかをどのように認識しますか？ここで、「box」divと「x」divを区別するIDはありません。