1
00:00:05,200 --> 00:00:16,360
For the Nexus feature, let's get into HDMI and let's add also high in paragraph with an additional

2
00:00:16,360 --> 00:00:16,990
Lorem.

3
00:00:19,360 --> 00:00:29,560
Let's say let's go back to our sassed stylesheet at this point, let's analyze the nesting properties

4
00:00:29,560 --> 00:00:41,170
says offers thanks to the insertion of P and H one into high, we can insert additional nested properties.

5
00:00:43,110 --> 00:00:51,750
Simply by inserting into the high bracket some properties dedicated to each one in this specific case,

6
00:00:51,780 --> 00:00:56,370
we might insert font size with twenty five pixels.

7
00:01:01,230 --> 00:01:11,280
And instead, as for the paragraph, we can insert, for example, font size 16 Bates's that say and

8
00:01:11,280 --> 00:01:13,620
as you see once again.

9
00:01:15,150 --> 00:01:22,080
Our system detected the changes and inserted into our style the nestlings.

10
00:01:23,140 --> 00:01:24,910
We inserted here.

11
00:01:26,290 --> 00:01:38,040
Identifying them as single selectors, so also by refreshing, we can see that the system detected 25

12
00:01:38,050 --> 00:01:44,110
for each one and 16 pieces for our first paragraph.

13
00:01:45,270 --> 00:01:46,890
Inserted in high.

14
00:01:49,080 --> 00:02:01,050
So as you can see, nasti is also possible inside ourselves, then we might want to insert, for example,

15
00:02:01,050 --> 00:02:03,620
a different color for the paragraph.

16
00:02:04,260 --> 00:02:12,720
So if we inserted color instead of Colacello two into pee in refreshing, we'd notice our Steiglitz

17
00:02:12,810 --> 00:02:24,390
assessed has identified high in green as the main color, using instead for the inner paragraph by verifying

18
00:02:24,390 --> 00:02:25,350
the output.

19
00:02:25,380 --> 00:02:29,060
We see that now lorem became black.

20
00:02:29,640 --> 00:02:32,480
Why the title remain green.

21
00:02:32,520 --> 00:02:41,370
We can then see that with nestlings exactly like with the traditional Seus says the property which is

22
00:02:41,370 --> 00:02:50,190
inserted into the nested selector will be a priority in comparison with the one inserted in the pattern.

23
00:02:50,190 --> 00:02:53,010
Selector inside says.

24
00:02:53,010 --> 00:02:56,640
In fact, that got singularly identified.

25
00:02:56,920 --> 00:03:03,420
Another feature of the nested properties is to manage the prefixes.

26
00:03:03,420 --> 00:03:10,230
For example, if inside P. we wanted to assign a different font family and to make them both.

27
00:03:11,340 --> 00:03:13,860
We should delete font size.

28
00:03:14,950 --> 00:03:29,050
And simply, Ed, what follows on an open race in doing into this breastfeeds we might insert size tiny

29
00:03:29,050 --> 00:03:32,470
pixels weight Balde.

30
00:03:33,890 --> 00:03:34,700
And last.

31
00:03:36,880 --> 00:03:37,630
Family.

32
00:03:39,020 --> 00:03:41,030
For example, Verdana.

33
00:03:42,710 --> 00:03:53,240
By saving, the system will identify some changes and as you can see from stye, it inserted thoroughly

34
00:03:53,240 --> 00:04:01,370
font size, font weight and font family into P at the same time, updating also the output.

35
00:04:02,890 --> 00:04:06,310
Same thing may be done with our ampersand.

36
00:04:08,810 --> 00:04:12,650
Which will represent our pseudo selectors.

37
00:04:14,510 --> 00:04:18,950
For example, if we inserted a link into high.

38
00:04:21,230 --> 00:04:22,340
And therefore.

39
00:04:23,560 --> 00:04:26,530
And h r e f.

40
00:04:29,480 --> 00:04:32,000
It stars the dot com.

41
00:04:34,800 --> 00:04:36,700
Defining the name.

42
00:04:41,990 --> 00:04:44,600
And closing our link.

43
00:04:46,560 --> 00:04:48,030
We might insert.

44
00:04:49,410 --> 00:04:56,340
A into our chi dot s. s. ss.

45
00:04:57,950 --> 00:05:06,230
Assigning it a different color, let's say red, to then insert the ampersand.

46
00:05:07,290 --> 00:05:15,240
Which will represent the a prefix kolon over and within these new brackets.

47
00:05:16,540 --> 00:05:18,970
Insert color blue.

48
00:05:22,390 --> 00:05:32,470
Here is what we can save and our state will output a red A. and a blue over.

49
00:05:34,070 --> 00:05:39,650
Which would be correctly represented in our age HTML page.