1 00:00:05,260 --> 00:00:13,900 In this lesson, we are discussing this pseudo class selectors and the Suda elements mind stay focused 2 00:00:13,900 --> 00:00:21,130 and follow my explanation, because among all the various selectors, these are the most difficult to 3 00:00:21,130 --> 00:00:21,730 grasp. 4 00:00:22,120 --> 00:00:23,890 The use is very simple. 5 00:00:24,220 --> 00:00:32,770 As far as the Seona classes, there is the possibility to identify the classes according to the properties 6 00:00:32,770 --> 00:00:33,210 of it. 7 00:00:33,820 --> 00:00:42,790 As far as the seona elements, the selector will be used to identify only a part of the specific element. 8 00:00:44,290 --> 00:00:53,680 For example, if we took the PR element with a pseudo class selecter represented by Ed Curran after 9 00:00:53,680 --> 00:01:00,880 the name of our tight selecter, we might insert the first child attribute. 10 00:01:02,460 --> 00:01:13,440 This attribute would allow us to insert specific properties into this selector in the stylesheet, associating 11 00:01:13,440 --> 00:01:19,830 them to all the pieces that are the first inside a parent tag. 12 00:01:20,070 --> 00:01:28,440 Therefore, in this case, powered by as Tatsu, in this case, there is just one also in this case. 13 00:01:28,710 --> 00:01:37,860 But for example, in the case of article with age three as the title, only the first P would obtain 14 00:01:38,310 --> 00:01:42,150 the features inserted into the selector. 15 00:01:43,550 --> 00:01:53,300 Instead, the case of the CO2 element is a bit more specific, they get identified with the Dabu kolon. 16 00:01:56,020 --> 00:02:01,260 And in this case, we might insert, for example, first line. 17 00:02:01,420 --> 00:02:05,200 In so doing as far as the paragraph's. 18 00:02:06,970 --> 00:02:15,880 With this specific function, we would modify only what appears in the first row on the video, therefore 19 00:02:15,880 --> 00:02:19,480 within the browser in all our paragraphs. 20 00:02:21,380 --> 00:02:29,840 Then if I inserted here, for example, the possibility to display a different font exclusively in the 21 00:02:29,840 --> 00:02:37,880 first row, according to the resolution of the browser, a determined text would appear automatically. 22 00:02:39,940 --> 00:02:42,790 With the fund, which is different from the Bates one. 23 00:02:43,840 --> 00:02:51,790 Don't worry, we will detail all the various features to insert into the selectors, to make all the 24 00:02:51,790 --> 00:02:56,650 possibilities offered by each of them easier to understand. 25 00:02:58,610 --> 00:03:07,940 Logically, there are countless types of studio class selectors and pseudo elements, and they may all 26 00:03:08,210 --> 00:03:14,720 be identified straight away thanks to Visual Studio Code with these two columns. 27 00:03:14,720 --> 00:03:24,290 And by inserting any letter, you will get all the possibilities the CSX offers as far as a which is 28 00:03:24,290 --> 00:03:32,990 the link related attribute where the CO2 classes get more and more use, the Hova classes will appear 29 00:03:33,320 --> 00:03:36,440 permitting us to modify the link formatting. 30 00:03:37,780 --> 00:03:40,510 Once moving across them with the mouse. 31 00:03:43,010 --> 00:03:51,230 Or else permitted to insert, for example, ective, that is when a link is actually active and non 32 00:03:51,230 --> 00:04:00,680 disabled and it will have specific features, take my advice and see all the various pseudo classes 33 00:04:00,680 --> 00:04:08,570 and sude or elements you can insert into the stylesheet experimenting in trialling in visual studio 34 00:04:08,570 --> 00:04:09,110 code. 35 00:04:10,480 --> 00:04:21,160 So that to get to grasp these types of selectors that anyway you're in the next lessons would be inserted 36 00:04:21,160 --> 00:04:29,560 and therefore we will see their functionality when we are attributing some specific properties to part 37 00:04:29,560 --> 00:04:31,660 of our age email document.