防止子元素出现阴影

Question

我有一些div元素，并且要在它们上悬停时分配box-shadow属性。

<style>
    .hover-item :hover {
        box-shadow: 4px 4px 2px;

    }

</style>

但是当我将此类分配给他们时，他们的孩子<img />和<h1></h1>获得此属性，当我将它们悬停时，他们将有阴影。 由于某些问题，我无法为id元素分配ID。

Answer 1

如果只想将阴影添加到.hover项，则需要删除空间，例如：.hover-item:hover。有了空格（就像您拥有的一样），CSS便按照您说的在.hover-item内部查找并找到每个:hover子元素的方式对其进行解释