1 00:00:00,730 --> 00:00:02,490 Hello everyone and welcome back. 2 00:00:04,140 --> 00:00:10,370 In the previous video we learned about the descendants selected and jailed selected in today's video. 3 00:00:10,380 --> 00:00:16,670 We will learn about a distant sibling and generally sibling coordinators and CSI this post. 4 00:00:16,830 --> 00:00:19,190 Let's try it dozens have been selected. 5 00:00:19,710 --> 00:00:26,430 The syntax to use a distant sibling selector is selected a plus selected B. 6 00:00:26,700 --> 00:00:29,990 This plus sign is that a distant sibling selector. 7 00:00:30,360 --> 00:00:35,770 This age in sibling selector will select the first sibling which is matching the selected the. 8 00:00:36,390 --> 00:00:38,900 Let's try one example to understand it better 9 00:00:43,800 --> 00:00:49,480 say you have these extremist elements and you want to select the paragraph which is right next to the 10 00:00:49,740 --> 00:00:50,710 div. 11 00:00:50,860 --> 00:00:55,910 So let's bring about good editor here all right. 12 00:00:55,920 --> 00:00:59,390 So coming to the states via. 13 00:00:59,490 --> 00:01:04,430 So right now we are talking about a defensive link selector. 14 00:01:05,240 --> 00:01:15,000 So a discern sibling selected to so what we want to do is you want to select all the paragraphs which 15 00:01:15,000 --> 00:01:26,220 are next to theirs so div practices of links active use plus plus and we want to select all the paragraphs. 16 00:01:26,250 --> 00:01:27,390 So let's see. 17 00:01:28,260 --> 00:01:30,420 Let's try to highlight all these paragraphs. 18 00:01:30,600 --> 00:01:39,750 So let's say background colour on light blue let's save it on coming back here. 19 00:01:39,920 --> 00:01:46,550 So you can see in the first article we have one paragraph selected which is the food line and the second 20 00:01:46,550 --> 00:01:50,980 article we have one paragraph highlighted which is the third one. 21 00:01:51,380 --> 00:02:01,040 So let's check our could come into this achievement page on for the first article. 22 00:02:01,040 --> 00:02:02,210 We have a div 23 00:02:05,050 --> 00:02:07,510 uninspired then we have two paragraphs. 24 00:02:07,560 --> 00:02:11,250 So this this paragraph is the food live. 25 00:02:11,710 --> 00:02:13,160 And if you check here. 26 00:02:13,620 --> 00:02:18,810 So I thought that was highlighted similarly for the second article. 27 00:02:18,840 --> 00:02:24,170 We've got Dave here on one paragraph often cited and one before it. 28 00:02:24,900 --> 00:02:34,150 So this paragraph is a total one so let's come down here and as you can see tote bag office highlighted. 29 00:02:34,320 --> 00:02:41,070 So that's how you select ages and siblings on if you're wondering what a sibling is to simply other 30 00:02:41,070 --> 00:02:46,080 elements which have the same bearing element and they come after the target element. 31 00:02:46,110 --> 00:02:49,520 So in our case these are the agency siblings. 32 00:02:49,530 --> 00:02:58,480 So this third paragraph I'm the fourth paragraph with respect to this similarly that say you want to 33 00:02:58,480 --> 00:03:05,050 select all the paragraphs which come after the h three or you want to select all the 86 siblings of 34 00:03:05,100 --> 00:03:06,040 it's three. 35 00:03:06,460 --> 00:03:07,500 Let's try it out as well. 36 00:03:07,540 --> 00:03:12,910 So coming down here let's come in this. 37 00:03:13,000 --> 00:03:18,910 So what we want to do here is we want to select all the paragraphs which are a sense of being too extreme. 38 00:03:19,270 --> 00:03:26,830 So let's write it's three then a decent sibling selector and we have to select all the paragraphs let's 39 00:03:26,830 --> 00:03:28,030 go to background color. 40 00:03:28,120 --> 00:03:30,760 See Light Blue. 41 00:03:30,760 --> 00:03:32,580 Let's save it. 42 00:03:32,620 --> 00:03:33,500 Come back here. 43 00:03:34,180 --> 00:03:39,990 So as you can see the first paragraph as I laid it I know what you wrote in the first paragraph is highlighted. 44 00:03:40,660 --> 00:03:46,560 Let's check out a student code so after it's through the first paragraph. 45 00:03:46,610 --> 00:03:48,110 I guess this first one. 46 00:03:49,220 --> 00:03:54,830 Similarly for the first article of the HRC the first paragraph time is this one. 47 00:03:54,830 --> 00:03:58,130 Similarly if this paragraph was allowed in a div 48 00:04:01,880 --> 00:04:08,210 now this first paragraph wouldn't be the A.G. sensibly because the period for this start ruffles def 49 00:04:08,630 --> 00:04:15,750 and not article that's all for a distance it looks like two guys now moving on to the next one which 50 00:04:15,750 --> 00:04:24,930 is general certainly selector so the syntax to use general see being selector is selected eight do the 51 00:04:25,600 --> 00:04:32,040 select to be this do the sign is there general something selected the General Assembly selector list 52 00:04:32,110 --> 00:04:38,730 select all list of links matching the selector B let's try an example to understand it better. 53 00:04:39,010 --> 00:04:42,160 So coming back here let's come in this one 54 00:04:44,950 --> 00:04:48,580 so right now we're trying general sibling 55 00:04:51,940 --> 00:04:52,500 selector 56 00:04:55,620 --> 00:05:02,010 let's bring a book with it to the here let's save it now let's say we want to select all the paragraphs 57 00:05:02,040 --> 00:05:04,250 which are similar to the give. 58 00:05:04,560 --> 00:05:05,400 So let's try that. 59 00:05:06,150 --> 00:05:12,070 So def on do the unwanted select all the paragraphs. 60 00:05:12,300 --> 00:05:17,670 So let's give it about Don't say like do let's say the 61 00:05:20,650 --> 00:05:24,090 now as you can see the third floor. 62 00:05:24,350 --> 00:05:30,850 So the fourth fifth and sixth there is highlighted and over here we've got the second and fourth fifth 63 00:05:30,980 --> 00:05:31,730 highlighted. 64 00:05:32,210 --> 00:05:33,470 Let's check our good. 65 00:05:33,980 --> 00:05:42,930 So coming up here so in the first article after they're dead we have one two three these three paragraphs. 66 00:05:43,580 --> 00:05:46,490 So over here also these three paragraphs highlighted 67 00:05:49,810 --> 00:05:59,070 for the second one you've got like give and after they're dead we have one and two paragraphs which 68 00:05:59,070 --> 00:06:04,440 are 2D and food after that both of these paragraphs are dropped and then give. 69 00:06:05,490 --> 00:06:11,230 So as you can see the third and fourth is highlighted and that's all for today guys. 70 00:06:11,600 --> 00:06:17,090 If there's something that you did not understand feel free to go a comment and we will discuss it. 71 00:06:17,350 --> 00:06:18,410 See you in the next video. 72 00:06:18,630 --> 00:06:19,100 Bye. 73 00:06:19,140 --> 00:06:19,850 And get.