javascript - 悬停时父级内的目标标签

标签 javascript jquery html css

我有一个父元素:

.product-container

然后,在里面,我有一个 <p>元素,通过 css 设置样式:

.product-container p 

现在,我需要对此 <p> 应用一些样式,当 .product-container悬停。但这不起作用:

.product-container:hover .product-container p

那么,有没有办法针对这个 <p>通过 css 在父级悬停时,无需将类或 id 应用到 <p>

最佳答案

尝试

.product-container:hover p

而不是

.product-container:hover .product-container p

关于javascript - 悬停时父级内的目标标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29692843/

相关文章:

javascript - 如何禁用引导模式的外部 css 文件?

php - Nicedit 本地上传图片失败

javascript - Angular Directives - 如何将属性设置为innerHML

javascript - 无法访问托管在 Google Compute Engine 上的 NodeJS Express 应用程序

javascript - 为什么样式以 px 为单位而不是以 cm 为单位?

javascript - 在输入框中添加数据输入掩码属性时,jquery 代码不起作用

php - jquery 切换不适用于移动设备

javascript - 将范围值写入拇指 slider

javascript - 在 window.location.reload() 之后加载隐藏的图标

javascript - 如何摆脱织物中 Canvas 拖动时的蓝色突出显示框