1
00:00:00,180 --> 00:00:08,910
In this lesson we'll be styling links using CSX a link can have four different states un visited visited

2
00:00:09,200 --> 00:00:17,660
hover and active an unfitted link means the user has not yet clicked on the link or visited link means

3
00:00:17,660 --> 00:00:24,420
the user has clicked on the link to hover state is when the user's mouse is hovering over the link.

4
00:00:26,470 --> 00:00:30,200
The active state is the exact moment that the link is clicked.

5
00:00:31,860 --> 00:00:35,930
Knowing this is important because we need to define a style rule for each state.

6
00:00:37,840 --> 00:00:42,660
On each terminal page here on the left we can see an example of how this is done.

7
00:00:44,230 --> 00:00:54,260
To identify a link we start with the a property followed by a colon next we specify the state we've

8
00:00:54,260 --> 00:01:01,370
started with just the default state link we've set the color to red with no text declaration and we

9
00:01:01,370 --> 00:01:09,040
can see that in our web browser the color is red and there's no underline or any other form of text

10
00:01:09,040 --> 00:01:10,180
decoration.

11
00:01:10,510 --> 00:01:13,840
The hover link has a color rule set to purple

12
00:01:16,680 --> 00:01:22,140
as well as a text declaration set to underline in background colors that to yellow.

13
00:01:22,140 --> 00:01:29,880
So let's see the effect that produces can see the background is yellow the text changes from red to

14
00:01:29,880 --> 00:01:33,200
purple and it is now underlined when the link is click.

15
00:01:33,300 --> 00:01:44,350
We can see that the selected link property activates when we click it the purple or the red changes

16
00:01:44,350 --> 00:01:45,250
to blue.

17
00:01:45,250 --> 00:01:50,050
Lastly we have a visited link property with color set blue.

18
00:01:50,050 --> 00:01:56,870
That means if somebody were to visit the link that this link points to then the red would automatically

19
00:01:56,870 --> 00:02:00,830
default to blue because it would now be considered of visited link.