The default background value for all elements is: transparent
. As you see in the snippet, the child div background will also be red if you hover the parent element. The child background-color still is transparent
and as such the red color will be seen. "It shines through".
div {
padding: 10px;
border: 1px solid black;
}
.parent:hover {
background-color: red;
}
<div class="parent">Parent
<div class="child">Child</div>
</div>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…