1
00:00:05,500 --> 00:00:13,750
To conclude our introduction to the version of three success, let's discuss now the hierarchy, selectors

2
00:00:13,750 --> 00:00:16,210
and the Estragon selectors.

3
00:00:16,840 --> 00:00:27,190
The hierarchy selector is divided into different typologies, which identify a certain type of relation,

4
00:00:27,190 --> 00:00:31,840
which is between two or more components of the page.

5
00:00:33,030 --> 00:00:37,170
For example, if we inserted after pee.

6
00:00:38,850 --> 00:00:43,380
Another time selector that C-SPAN, for example.

7
00:00:45,090 --> 00:00:53,250
We would know that the elements sought in this way are going to identify everything which is present

8
00:00:53,250 --> 00:01:01,560
in the span selecter, which yet is contained in within the P tag in the age the demand page.

9
00:01:03,930 --> 00:01:14,310
Therefore, in this case, where we inserted spane be inserted or not in this class, everything which

10
00:01:14,310 --> 00:01:19,500
gets inserted here, we correspond to the content of this.

11
00:01:20,770 --> 00:01:23,170
And this other spane.

12
00:01:24,600 --> 00:01:33,900
Adding possibly more properties to the relative classes and IDs, and the same story applies to the

13
00:01:33,900 --> 00:01:38,990
child selectors, which get identified with the.

14
00:01:39,960 --> 00:01:41,580
Greater than Simbel.

15
00:01:44,470 --> 00:01:53,770
The difference from the previous typology lies in the fact that if between P and span of a tax were

16
00:01:53,770 --> 00:01:59,460
present, then in this case the identification would not happen.

17
00:01:59,830 --> 00:02:08,530
It would be limited to cases like those we have inserted that imply the presence of P just before span.

18
00:02:09,260 --> 00:02:18,100
There is then the opportunity to replace this symbol with a plus and in this case, to make this person

19
00:02:18,100 --> 00:02:21,280
have the attributes which are present in this case.

20
00:02:22,550 --> 00:02:27,920
It would be necessary for this plan to get move at the beginning.

21
00:02:30,190 --> 00:02:31,610
Just after P.

22
00:02:33,920 --> 00:02:35,000
In so doing.

23
00:02:36,510 --> 00:02:45,570
Up to the closing of the span, everything in the air gets represented as far as for matching.

24
00:02:49,250 --> 00:02:52,750
Instead, for the attributes selectors.

25
00:02:54,430 --> 00:03:03,250
We have the possibility to identify a specific target, according to some attributes, for instance.

26
00:03:04,230 --> 00:03:11,670
If we wanted to choose all the links containing the word estás you and them.

27
00:03:12,810 --> 00:03:22,410
We might use the open square brackets to select the specific attribute, let's then identify.

28
00:03:24,570 --> 00:03:26,280
H r e f.

29
00:03:27,750 --> 00:03:29,640
With the global attribute.

30
00:03:30,950 --> 00:03:38,030
Therefore, with our asterisk equal and then let's insert the desired word.

31
00:03:39,220 --> 00:03:44,410
In so doing on the links, which have a statue inside them.

32
00:03:46,500 --> 00:03:52,800
Will be affected by the properties inserted in this relative space.

33
00:03:54,710 --> 00:04:04,790
These are additional selectors which will turn up to be very useful when you come to use the stylesheets

34
00:04:04,790 --> 00:04:15,260
in very complex pages, very often we have to highlight, underline or modify features which relate

35
00:04:15,260 --> 00:04:22,770
to small parts of your pages and without having to act directly on age HTML.

36
00:04:22,850 --> 00:04:27,140
You can do it straight away, starting from the stylesheets.

37
00:04:27,410 --> 00:04:35,900
Now we have a general view about the selectors that see the various specifications to make our version

38
00:04:35,900 --> 00:04:42,650
three says able to be applied to our HTML documents.