CodePen Embed - Hover example#3

<p class="text" id="hover-example1">
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. <a class="link" href="#">Provident</a>, beatae in debitis tempora sit voluptatum consequatur placeat totam fugit molestiae?
</p>

<p class="text" id="hover-example2">
    Lorem ipsum, dolor sit amet consectetur adipisicing elit. <a class="link" href="#">Providen <span class="underlined">beatae</span></a> in debitis tempora sit voluptatum consequatur placeat totam fugit molestiae?
</p>

#hover-example1.text:hover .link{
        color: red;
    }
#hover-example2.text .link:hover .underlined{
        color: red;
    }

This Pen is owned by Eugene on CodePen.

See more by @evgeniychernyy on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.