当前位置: 首页 > 面试题库 >

将鼠标悬停在父元素上时样式子元素

芮宇航
2023-03-14
问题内容

当父元素悬停时如何更改子元素的样式。如果可能的话,我希望使用CSS解决方案。有没有可能通过:hover
CSS选择器解决方案。实际上,当面板上悬停时,我需要更改面板内选项栏的颜色。

希望支持所有主流浏览器。


问题答案:

是的,您绝对可以做到这一点。只需使用类似

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

根据此页面,所有主流浏览器都支持该页面。



 类似资料:
  • 我怎么能做那样的东西?i、 e当我在绝对下拉菜单上悬停时,相对下拉链接应该应用下面的样式。 还是只通过js求解?救救我。 我的同僚们都是精英。Facere,saepe,别这样!在别名处的发明者排斥物减去不可交换的最大非共和国劳动量(obcaecati odit omnis)?Ipsam、iusto dolorum dolorem voluptatem、建筑师ullam mollitia、面部劳损水

  • 如果孩子在焦点中(已被点击),我怎么能失去父母的悬停状态?我有一个菜单箭头(用OPEN代替了它,以减少代码),它在悬停状态下打开我的菜单和菜单项,当我单击它们时,菜单项就会聚焦。在菜单项点击后,我希望能够失去对我父母的关注,这样菜单就会消失。 如果可能的话,我会尽量避免使用javascript,这是我最好的尝试... 这是我的html null null 编辑 我在一个单页应用程序上使用Angul

  • 问题内容: 首先,我假设对于CSS3来说这太复杂了,但是如果某个地方有解决方案,我很乐意使用它。 HTML非常简单。 子div设置为显示:无;默认情况下,但更改为display:block; 当鼠标悬停在父div上时。问题是此标记出现在我网站上的多个位置,并且我只希望在鼠标悬停在其父项上方时显示该子项,而不是在鼠标悬停在其他任何父项上时都显示该子项(它们都具有相同的类)名称和ID)。 我尝试使用并

  • 问题内容: 我在反应中使用Material-ui。假设我有这些样式的组件 当我使用上述样式将鼠标悬停在externalDiv上时,我想更改addIcon的样式。 这是我的示例:https : //codesandbox.io/s/trusting- mcnulty-b1gcd?fontsize=14&hidenavigation=1&theme=dark 问题答案: 以下是正确语法的示例(嵌套在中

  • 问题内容: 所以我有2个,彼此一样,像这样 我想改变的时候我悬停。 但是我希望悬停时再次恢复正常。 当我将鼠标悬停在深蓝色区域上时,我希望不是那么深蓝色的区域保持不是那么深蓝色,而不是变成白色。 我想保持这种结构。而且我不想要JavaScript解决方案(我知道JavaScript解决方案,但我想保留纯CSS)。 问题答案: .parent {

  • 我是一个用cucumber和水豚配食的新手。我需要在使用capybara将鼠标悬停在网页的某些元素上后单击显示的链接 例如att.com 1、场景悬停在个人点击att.com上 悬停在商店上方的另一个场景——捆绑包——点击热门捆绑包 如何使用水豚的悬停和点击方法实现这一点,或者是否有其他方法可以实现这一点。 尝试的选项是 但它抱怨找不到xpath