将元素样式还原为默认值？

I am new to CSS and WP. I have tried using the "all: initial" without success.

I have this HTML & WP php line of code:

 <h1><a  href="<?php the_permalink();?>"><?php the_title();?></a></h1>

when I view it in the browser and I move the cursor over the link, I get a cursor change to hand pointer and the text / font changes color from black to white to match background color (white)

I removed the anchor

<h1><?php the_title();?></h1>

and it doesn't do it, so I know the anchor is the culprit

However, if I add a class to the anchor and set all its values to initial, it does nothing to fix the issue at hand, but instead, it changes my h1 element to something more smaller / standard

<h1><a class="blog-anchor" href="<?php the_permalink();?>"><?php the_title();?></a></h1>

here is my class:

.blog-anchor {
   all: initial; 
}

.blog-anchor:active,
.blog-anchor:hover {
   all:initial;
}

Anyway, all I am trying to do is have a WP title with a link that works without any previous styling

 <h1 ><a  href="<?php the_permalink();?>"><?php the_title();?></a></h1>

how can I do that?