1
00:00:05,460 --> 00:00:16,260
The class and Ivy selectors are the most important selectors within the says because they get used in

2
00:00:16,260 --> 00:00:24,570
relation to the class and the attributes which are inserted in the various age HTML tags.

3
00:00:25,110 --> 00:00:34,530
Therefore, every specific insert, the selector with the relative name, the class or ID has then the

4
00:00:34,530 --> 00:00:44,040
aim of identifying a specific tag and to attribute to the rules which we get inserted in the stylesheets.

5
00:00:44,490 --> 00:00:51,030
The difference between the two selectors lies in the fact that Class four meets the inserting of the

6
00:00:51,030 --> 00:00:59,790
identifying tag more than once within the document, whereas every ID can appear only once within it,

7
00:00:59,940 --> 00:01:05,640
given the fact it is a univocal identifier before everything.

8
00:01:05,650 --> 00:01:10,380
Let's open our age html five dot age HDMI file.

9
00:01:10,590 --> 00:01:17,820
As you surely remember from the previous lesson we inserted within this paragraph, the span tag to

10
00:01:17,820 --> 00:01:20,070
contain this short sentence.

11
00:01:21,660 --> 00:01:31,110
Span can specify some stylesheets rules, recalling classes, I.D., or inserting them straight away

12
00:01:31,120 --> 00:01:32,220
in inside.

13
00:01:32,820 --> 00:01:39,260
In this case, let's start inserting a class which we we call class one.

14
00:01:39,690 --> 00:01:48,450
In so doing, we can attribute to this specific class three established rules thanks to the stylesheet.

15
00:01:48,690 --> 00:01:57,120
Therefore, getting back to our stylesheet, we can use through the dart attribute our class one which

16
00:01:57,120 --> 00:01:58,890
we insert previously.

17
00:02:00,330 --> 00:02:10,530
Doing so, any type of property inserted into Class one will Fermat exclusively the content of spam

18
00:02:10,530 --> 00:02:11,640
plus one.

19
00:02:13,670 --> 00:02:23,630
We can do the same thing, inserting another spane into this other statement, using an I.D., therefore

20
00:02:24,050 --> 00:02:25,250
the one.

21
00:02:26,640 --> 00:02:35,310
Let's close before the coma and also in this case within style, this time with the hashtag.

22
00:02:36,460 --> 00:02:38,440
We can insert Idy one.

23
00:02:40,100 --> 00:02:42,620
In so doing, exactly like for class.

24
00:02:44,070 --> 00:02:53,340
The idea will enable to attribute specific rules to this specific content, as mentioned at the beginning,

25
00:02:53,700 --> 00:03:00,240
plus an idea are the main selectors types used in the stylesheets.

26
00:03:01,140 --> 00:03:10,140
Therefore, you will find a lot of these selectors, above all the class selectors, which can be inserted

27
00:03:10,140 --> 00:03:20,850
even more than once within a document and in with in any pre-existence tipsheet you are going to work

28
00:03:20,880 --> 00:03:28,470
on or really create some more to specify better the formatting of your e-mail pages.