Codepen is not responding to my link decoration

1

I have tried to mark !important behind the text-decoration and color, but still didn’t work.
can someone help me with that, thanks!

2

What line of CSS code is this?

3

Hi,thanks for replying, the codes are as follows:

a: link {
text-decoration: none;
color: green;
background-color: cyan;

}
a: visited {
text-decoration: none;
color: hotpink;

}
a: hover {
text-decoration: underline;
color: orange;

}

a: active {
text-decoration: underline;
color: yellow;

4

I omitted the curly bracket for the last one here when copy and paste, but it is present in the codepen page.

5

Hi,

you have spaces between a: and the pseudoclasses.
If you type a:link instead of a: link it will work.

2 Likes
6

Nice catch. I would’ve never picked up on that.

1 Like