css - 在悬停伪上改变 child

Question

我正在努力实现在悬停时更改 .more .gfield_description:after但是这种方式可能是 super 豪宅吗？

<div class="gfield_description">
<div class="more"/>
</div>

.gfield_description:after {
content: "?";
}
.more {opacity:0;}
.gfield_description:hover:after .more {
opacity:1;
}

Answer 1

试试这个

.more {
    opacity: 0;
}
.gfield_description:hover > .more {
    opacity: 1;
}