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
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
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.