如何解决.parent:hover仅适用于.children而不适用于.parent
我在:hover上遇到麻烦。当我有以下代码时:
<div className="view-container"
<h2>abc</h2>
</div>
.view-container {
cursor: pointer;
box-shadow: 0 6px 20px 0 rgba(0,0.15);
background-color: rgb(162,192,255);
}
.view-container :hover {
box-shadow: 0 4px 8px 0 rgba(0,0.2),0 6px 20px 0 rgba(0,0.19);
}
h2 {
width: 100px;
}
悬停效果仅应用于h2部件,而不应用于我想要应用于其的div。我尝试在div和h2周围添加一个额外的div:
<div>
<div>
<h2>
然后将鼠标悬停在第二个div和h2上,这很奇怪,但是在那种情况下,我无法使它不适用于h2。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。