display:block with pseudo-class not working inside div

Issue

I was working with pseudo-classes (link, visited, and active) and I have an issue about positioning a link below the others (like a list, I know I can use a list but want to know why is this happening), used display: block but isn't working, the first one works but the second doesn't even though I put display block on all three, here is my codes.

.divlink,
.link:link {
  display: block;
}

.divlink,
.vis:visited {
  display: block;
}

.divlink,
.activ:active {
  display: block;
}

<div class="divlink">
  <a class="link" href="https//:youtube.com">Youtube</a>
  <a class="vis" href="https//:google.com">Google</a>
  <a class="activ" href="https//:facebook.com">Facebook</a>
</div>

Here are the screenshots

This is how it looks:

And this i how i want to be look like, the only way i can do this is by removing the pseudoclass ":visited" Thanks in advance.e:

Solution

just set this code:

.divlink a {
display: block;
}

just remove all those codes and put this. this will make the link just like what you've wanted as an output.

Answered By - Andrea_ayad