CSS:On Hover - 如何更改选择器子项的css属性?

Noa*_*men 0 css hover

我有这些较小的横幅,我想改变我的"A"标签内的一些样式属性.

<a href="#">
   <h2>Heading</h2>
   <p class="service-sub">Some Text</p>
   <img src="path" />
</a>
Run Code Online (Sandbox Code Playgroud)

我想要做的是改变p.service-hub中的样式.这是我尝试过的两种方法,但无济于事......

Method 1: a .service-hub *:hover
Method 2: a .service-hub:hover
Run Code Online (Sandbox Code Playgroud)

这甚至可能吗?因为悬停事件首先使用A标记触发,所以它甚至会识别p.service-hub上的悬停?

lef*_*foy 5

你试过这个吗?

a:hover .service-sub
Run Code Online (Sandbox Code Playgroud)