我有一个小型电子商务网站,其产品网格视图包含:
.product-image
.product-price
.product-name
在主产品页面中,它包含与上述相同的类,加上:
.product-discount
我在网格视图中尝试执行的操作是在.product-discount
悬停时显示.product-image
标记。
我只是想知道如何悬停类标签。我试过了:
.product-image:hover { something that would call the .product-discount; }
答案 0 :(得分:2)
伪类不必是尾随部分。所以这是有效的,应该有效:
.product-image .product-discount { visibility:hidden; } /* make sure it takes up space (for whatever reason) */
.product-image:hover .product-discount{ visibility:visible; }
答案 1 :(得分:0)
试试这个
jQuery('.product-image').bind('hover', function(){
jQuery('.product-discount').show();
}