如何基于父元素选择器条件设置多个子元素的样式

Question

样式多个子元素

我在DOM中使用id作为div #parentDiv.这个div有2个元素a <span>和a <div>.

每当我将鼠标悬停在上面时,我想要设置内部跨度和内部div标签的样式#parentDiv.我如何以传统的CSS方式实现这一目标？

约束 - 这可以用传统的css方式完成.

Answer 1

如果没有看到您的HTML代码,很难确切地知道什么会起作用,但这应该:

#parentDiv:hover div {

}

#parentDiv:hover span {

}

有了这个,当div悬停在上面时,子span和div将具有你在应用中添加的任何样式.

例如:

#parentDiv:hover div {
color: blue;
}

#parentDiv:hover span {
color: red;
}

<div id="parentDiv">
<div>Div Element</div>
<span> Span Element</span>
</div>