1
00:00:05,620 --> 00:00:09,640
Because a lot of what we Creed does works pretty much hand-in-hand with CSSA.

2
00:00:09,790 --> 00:00:16,480
I want to go through filter's with Jake where he hands me very similar to the selectors.

3
00:00:16,480 --> 00:00:22,620
We just need to target these specific areas within inditement So that's Gwen.

4
00:00:22,620 --> 00:00:23,420
Check this out.

5
00:00:23,440 --> 00:00:28,840
What I'm going to do is going to have these three paragraphs.

6
00:00:29,110 --> 00:00:30,600
It's going create a fourth one too.

7
00:00:30,620 --> 00:00:35,500
It's just copy of that first paragraph break dance get rid of these two.

8
00:00:35,530 --> 00:00:40,690
Well I'll say two three fourths of the four paragraphs just feel a bit easier.

9
00:00:40,690 --> 00:00:47,110
Understand if you have an even a mound here and what we can do with the filters is we can say is a little

10
00:00:47,110 --> 00:00:54,780
bit more specifically how the styles get applied to the tax we can the document here and you can do

11
00:00:54,790 --> 00:00:55,110
this.

12
00:00:55,190 --> 00:00:55,870
Us.

13
00:00:56,050 --> 00:00:58,300
But it's also nice to be able to do it with Jake Query.

14
00:00:58,300 --> 00:01:03,910
It's kind of easy to do on the fly you prevents it from overriding everything else in your documents

15
00:01:03,910 --> 00:01:06,220
so it's going to take a look what that is now.

16
00:01:06,220 --> 00:01:13,650
So the way I would target this is it might create kind of one the container so say div ID of clicking

17
00:01:13,690 --> 00:01:13,980
tear

18
00:01:16,880 --> 00:01:21,490
and it's going to have that surrounding these four paragraphs here.

19
00:01:21,590 --> 00:01:26,360
It's close and Tiger through the bottom so everything within here is called the container or as part

20
00:01:26,360 --> 00:01:28,780
of the container ID.

21
00:01:28,790 --> 00:01:34,360
Now what I need to do is up here go ahead and go and get that one.

22
00:01:35,570 --> 00:01:40,660
So I must say container.

23
00:01:40,870 --> 00:01:48,760
And what I can do is within that container I can say the first paragraph Mandich and I can give it a

24
00:01:48,760 --> 00:01:50,190
C is this.

25
00:01:50,370 --> 00:01:51,310
This border right here.

26
00:01:51,310 --> 00:01:52,900
So let's go and see what that looks like.

27
00:01:52,900 --> 00:01:55,190
All I've done is say anything within this idea.

28
00:01:55,190 --> 00:02:00,450
The container here and the shooting colon that I I call on.

29
00:02:00,520 --> 00:02:05,380
So within the paragraph tag the first paragraph type that you see give this border of a one pixel blue

30
00:02:05,380 --> 00:02:06,620
solid border.

31
00:02:06,970 --> 00:02:12,520
So as I see this as filters.

32
00:02:12,530 --> 00:02:14,550
Part 2.

33
00:02:14,770 --> 00:02:16,000
So you find that file.

34
00:02:16,000 --> 00:02:22,030
Here I'm a drag to a browser and you can see that even though all these other paragraphs are within

35
00:02:22,030 --> 00:02:26,180
this container tag you're only the first one is being targeted right there.

36
00:02:26,590 --> 00:02:29,160
So that's kind of the nice thing about filters.

37
00:02:29,170 --> 00:02:34,310
Another thing you could do is we looked at first go ahead look at last I can say See.

38
00:02:34,370 --> 00:02:39,020
Come back refreshed now I'm just tired in just the last paragraph tag.

39
00:02:39,040 --> 00:02:41,430
I could have 50 paragraphs on it target.

40
00:02:41,440 --> 00:02:46,870
The last one is I did four of them here because you can do other things too.

41
00:02:46,870 --> 00:02:48,860
This is very hostile.

42
00:02:49,030 --> 00:02:53,680
Let's use this and something like a spreadsheet where every other row might have a different background

43
00:02:53,680 --> 00:02:54,400
color.

44
00:02:54,400 --> 00:03:00,280
So let's go ahead to do that so we can say even so every even paragraph may have a

45
00:03:06,920 --> 00:03:08,390
background of

46
00:03:14,590 --> 00:03:16,260
gray.

47
00:03:16,330 --> 00:03:19,660
So let's say that it's you that looks like an a hit refresh there.

48
00:03:19,780 --> 00:03:34,390
So every even paragraph here is going to have the background of gray and I can also say odd.

49
00:03:34,410 --> 00:03:35,310
So there you go.

50
00:03:35,310 --> 00:03:41,310
Now remember with programming languages zero is actually the first number so kind of opposite of what

51
00:03:41,310 --> 00:03:42,840
we think here.

52
00:03:42,840 --> 00:03:47,640
As far as what's being given that background color there but it's a very cool way that you can target

53
00:03:47,670 --> 00:03:50,970
and filter out different things using C S S and Jake wearing.