In this lesson we'll be styling links using CSX a link can have four different states un visited visited
hover and active an unfitted link means the user has not yet clicked on the link or visited link means
the user has clicked on the link to hover state is when the user's mouse is hovering over the link.
The active state is the exact moment that the link is clicked.
Knowing this is important because we need to define a style rule for each state.
On each terminal page here on the left we can see an example of how this is done.
To identify a link we start with the a property followed by a colon next we specify the state we've
started with just the default state link we've set the color to red with no text declaration and we
can see that in our web browser the color is red and there's no underline or any other form of text
decoration.
The hover link has a color rule set to purple
as well as a text declaration set to underline in background colors that to yellow.
So let's see the effect that produces can see the background is yellow the text changes from red to
purple and it is now underlined when the link is click.
We can see that the selected link property activates when we click it the purple or the red changes
to blue.
Lastly we have a visited link property with color set blue.
That means if somebody were to visit the link that this link points to then the red would automatically
default to blue because it would now be considered of visited link.