.border:hover问题

请问.border:hover .div1要怎么理解呢？

为什么不是写成a:hover

我们不是要点击文字，然后显示出图片吗？

为什么不能写成

.border a:hover{}呢？

.border:hover .div1{

            background-clip:border-box;

        }

        .padding:hover .div2{

            background-clip:padding-box;

        }

        .content:hover .div3{

            background-clip:content-box;

        }