我有一个父元素:
.product-container
然后,在其中,我有一个<p>
元素,它在css中通过以下方式设置:
.product-container p
现在,当<p>
悬停时,我需要对此.product-container
应用一些样式。但这不起作用:
.product-container:hover .product-container p
那么,有没有办法在父hover上通过css定位此<p>
,而无需将类或ID应用于<p>
?
答案 0 :(得分:4)
尝试
.product-container:hover p
而不是
.product-container:hover .product-container p