javascript - 如何通过悬停调用类/id

Question

我有一个小型电子商务网站，其产品 GridView 包含:

.product-image
.product-price
.product-name

在主产品页面中，它包含与上面相同的类，加上:

.product-discount

我试图在 GridView 上执行的操作是当 .product-image 悬停在上方时显示 .product-discount 标记。

我只想知道如何悬停类标签。我尝试过:

.product-image:hover { something that would call the .product-discount; }

Answer 1

伪类不一定是尾随部分。所以这是有效的并且应该有效:

.product-image .product-discount { visibility:hidden; } /* make sure it takes up space (for whatever reason) */
.product-image:hover .product-discount{ visibility:visible; }