Html 我的整个div都可以点击。当指针位于div区域时，我可以在链接上产生悬停效果吗？

在滑块下，我有一个名为product section的部分，其中包含可单击的div。 该div的“hover”的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上时是否也可能变成橙色？

当然

可以在父对象上使用：悬停扇区来更改子对象的属性

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

---

这取决于在代码中添加

：hover

的位置。当鼠标悬停

li

或

h4

时，会发生一些变化（颜色或框阴影）

如果将：hover移动到代码的另一部分（例如，

。产品选择：hover ul li a h4

），则当该元素悬停时，相应的子元素将更改状态

---

我做了一个有一个

div

，一个

ul

，和两个

li

，每个都有一个链接。当您

：悬停
div
时，两个
li
都有一个
框阴影
，并且链接
。product
会改变颜色
 请发布所有相关代码，以重新创建问题中的问题。如果链接失效或问题得到修复，那么这个问题对于其他有同样问题的用户来说就没什么用处了（这让我们更容易帮助您！）。