Nested Link

‹ Back

Use nested links when you have a block-level link that has a fake link inside it to act as a hover state.

This text is part of the link, but coloured like regular text.

This is text in the link that acts as the hover state / fake link.

 
<a href="#" class="nested-link">
  <p>This text is part of the link, but coloured like regular text.</p>
  <p class="nested-link--target">This is text in the link that acts as the hover state / fake link.</p>
</a>