css hover 对子元素、父元素、同级元素的控制 - NOTEBOOK
css hover 对子元素、父元素、同级元素的控制
JS / HTMLPosted on 2023-02-17
摘要 : 通过自身的 hover 动作，来控制子元素、父元素、同级元素的外观样式style。
❱ 控制子元素
.divself:hover .son {
background:#fc3;
}
❱ 控制父元素
.divself:hover ~ .father {
background:#fc3;
}
❱ 控制同级元素
.divself:hover ~ .brother {
background:#fc3;
}
❱ 控制同级元素的子元素
.divself:hover ~ .brother .brotherson {
background:#fc3;
}
❱ 控制同级相邻元素
.divself:hover + .brother {
background:#fc3;
}