I'm currently working on a website and encountering a roadblock. I need to add text decoration to specific text elements, but here's the structure:
Here is how it looks:
<div class="wrapper">
<a href="#">
<div id="listing">
<p id="title">Dev</p>
<p id="location">New York City</p>
<p id="salary">$30/hr</p>
<p id="desc">Description</p>
<p id="tag">Remote</p>
</div>
</a>
</div>
I want to apply text decoration to the #title ID when hovering over the .wrapper class. I've only been able to do this by hovering directly over the #title itself. If anyone knows of a solution to achieve this while hovering over the .wrapper class instead, please let me know. Thanks in advance!