CSS中父级的hover改变子元素和样式

Posted 头名字W

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS中父级的hover改变子元素和样式相关的知识,希望对你有一定的参考价值。

思想: 选择器类似DOM元素选择器,+表示下一级元素,>表示子元素 空格 代表后代元素

<div class='student'>

<div class="name"></div>

</div>

.student color: #ffffff;

.student:hover color: #000000

.student:hover .name color: green; 

以上是关于CSS中父级的hover改变子元素和样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS如何只改变父元素背景透明度不改变子元素透明度

CSS 技巧汇总

弹性盒模型

vue 中父组件值改变子组件数据不变

CSS学习笔记——复合选择器

CSS学习笔记——复合选择器