Links not taking :active custom styling.

Site URL: https://carriehowder.squarespace.com/

I am using a text block to link to category pages, was able to take away the underline fine, and I can add a hover effect for each link, but it is not letting me add a:active or a:visited styling.  What am I missing?

Thanks!

screenshot is showing hover effect, and is what I would like also for active links

These attributes won't work. You can use this approach

First, edit Stretch Canvases Page >> Add a Code Block under Text Block > Paste this code

<style>
  div#block-yui_3_17_2_1_1652284846367_9111 a[href*="stretched-canvases"] {
    border-bottom: 1px solid;
}
</style>

Next, edit Stain Paintings Page > Add a Code Block under Text Block > Paste this code

<style>
  div#block-yui_3_17_2_1_1652284846367_9111 a[href*="stain-paintings"] {
    border-bottom: 1px solid;
}
</style>

Next, edit All Paintings Page > Paste this code

<style>
  div#block-yui_3_17_2_1_1652284846367_9111 a[href="/portfolio"] {
    border-bottom: 1px solid;
}
</style>