html - 我的整个 div 是可点击的。当指针在div区域时，我可以在链接上制作悬停效果吗？

Question

http://www.grandeformato.com/new/

在 slider 下方，我有一个名为产品部分的部分，其中包含可点击的 div。该 div 的“悬停”的 css 是:

.product-section ul li:hover
{
    box-shadow: 0px 0px 6px 0px #ccc;
}
.product-section ul li a h4:hover
{
    color: #FF601A;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}

正如您所见，仅当指针悬停在链接上时链接才会变为橙色 (FF601A)。有没有可能指针在整个div上也变成橙色？

Answer 1

没问题!

您可以使用父项上的 :hover 扇区来更改子项的属性。

.product-section ul li:hover a h4 {
    color: #FF601A;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}