我有一个父元素:

.product-container


然后,在其中,我有一个<p>元素,该元素在CSS中的样式为:

.product-container p


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

.product-container:hover .product-container p

因此,是否有一种方法可以通过css在父悬停上将此<p>定位为目标,而无需将类或id应用于<p>

最佳答案

尝试

.product-container:hover p


代替

.product-container:hover .product-container p

10-07 14:20