如何在父元素悬停时更改子元素的样式.如果可能的话,我更喜欢这方面的CSS解决方案.是否有任何可能的解决方案通过:悬停CSS Select 器.实际上,当面板上有悬停时,我需要更改面板内选项栏的 colored颜色 .

Looking to support all major browsers.

推荐答案

是的,你一定能做到.只需使用类似于

.parent:hover .child {
   /* ... */
}

根据this page,所有主流浏览器都支持它.

Css相关问答推荐

自定义kendo色彩 Select 器中的清晰按钮

当滚动到页脚时,是否可以隐藏固定元素?

防止表格水平拉伸整个Blazor页面

如何将React应用程序主页的内容居中?

尽管 URL 路径正确,但背景图像未显示

Next.js 条件样式

为什么align-content:start应用于单行项目?

Mat table - 保留第一列和复选框

Tailwind CSS 隐藏和可见

CSS 媒体查询不为桌面版的圣杯响应式布局包装 Flexbox 容器元素

使用 React-Router 和 Outlet 时如何确保内容保持在下方

如何倾斜元素但保持文本正常(未倾斜)

如何在连字符 (-) 等特殊字符后分词

绝对位置和溢出:隐藏

在 IE9-10 中压缩 SVG 的背景大小

使用 Bootstrap 设置身体的最大宽度

如何在需要时通过 HTTPS 包含 CSS 和 JS 文件?

如何在不使用浮动的情况下垂直对齐 div?

Angular 5 在某些类中添加了ng-star-inserted - 那是什么?

为什么浏览器会为 CSS 属性创建供应商前缀?