It's on the last video we got our feet wet and started typing.
And Jay Querrey in here hopefully that made perfect sense.
Clear as mud.
Right.
So what we're going do now is try to make it make a little bit more sense and show as a little bit more
practical of a exercise here.
What I can do is begin work on selectors and kind of filters to here.
So just save this as a new documents so we can come back to it if we want to.
So you say there's a selector it's name it that right now again to kind of keep the separate here.
And the last time we said the document itself loan's do something here.
So instead of doing this.
So I'm just loaning this information right here.
Can we cut that out of there.
I'm going to put that in the body of my document so maybe I already have this H-1 title in here and
maybe I just wanted to do some cool styling with it.
Unique within a query itself.
Now again we talked about the different things that great can do and one of the things is altering both
each team male and CSSA and things like that.
So let's see how we can use Jake to edit that success.
And you still start out with the slide of the dollar sign right here in the opening close pair of parentheses
and quotes.
But instead of saying the entire body don't append something to the body I want to just alter just the
each one tag there.
So again this can be any kind of CSSA or each T.M. element right here.
And instead of a Pentium one is going to go ahead and get rid of that whole thing right there.
What I'm I say is target the H-1 Taggert here and I want to use C-s us.
All right.
So again H-1 see a sense and what we can do now is basically just have like we would with irregular
CSSA within here.
Now maybe what I want to do is add a border to it.
So open a pair of quotes right here and I'll say Gorder.
And now we separate the separate the property with a value here by adding that little Kamerick there.
So the property is border and the value is going to be a one pixel Solomon
on say and green border right there.
So we should be saying some of the document loads here once it's ready take anything with an each one
tag applies and see access to it.
And in that case border one pixel dotted green.
Now if here to write this as just c s s it would look very much like this it would be each one and then
open or close the curly brackets.
And then it would say border hole in one pixel dotted grains would be just like that.
But we're adding it within the decreased syntax right here.
So save this document and remember to grab the selectors.
Each time a file that we just created and try to get onto a browser.
You can see the clothes that are out there and see that it did and a dotted green border all around
me.
Each one tag up here so I could just as easily come back and say Make it a three pixel
solid border and say that's come back to my browser.
And it is added up there.
Pretty cool huh.
So now I did say VRAM doing both selectors and filters.
And here's what I mean by filter.
So let's say we've got I don't know maybe we got a couple H1 tags in here and latches on a screen.
And one two or three after that just so I can see that the difference is here.
So I mean we've got three H-1 tags in here.
We don't want them all to have this basic layout here.
So what we can do is add a filter right in here to the H-1 and I can say Kallen first.
That's what that's going to do.
And just change it up a little bit here's a two pixel register I can see that's changed and I'm targeting
just the first H-1 tag with Edinger.
So if I save that and come to my browser I can hit refresh and see I've added 1 2 and 3 and that is
going to affect just the first one not all three of them.
I can also just as easily say last come back and refresh my document.
And now it's targeting just the last H-1 tag within here.
So a lot of cool things you can do your hopes are just starting to get the idea of what you can do with
here.
You've only scratched the surface because there are so many more cool things that are and redoing and
future videos.