We're taking a look at a whole bunch of cool animation cool things you can do with a queer.
Before we get to further let's go ahead and make sure that we have a good understanding of selectors
because it's such a key thing with a query.
Let's talk more about these selectors and what we do with them.
So what we've got here is just a regular paragraph and I've got a class of text right there.
McAbee then we create a couple different versions of it.
We can clean up my formatting there.
All right.
So
what I want to do is I want to create a couple of different sectors within my coworker at the top.
So as we start everything out as always I'm wanting to do one that is just for the P-TECH the paragraph
tag and what I want to do is because I want to slight the end and define that with some CSSA and learn
to use the option I'm stuck.
See us there as part of Jake Weary.
And now I can apply any kind of style that I want to with it but it's just really a little bit differently
than you would normally see.
SS But think along those same lines some say open coats.
I would say in order for this one after the quote mark I'm gonna hit it a column and I'll do a new quote.
So it's kind of same border colon.
You know what you're using C Ss but instead you do in a common with code surrounding the two.
I'm going to give the actual value to what this border is saying a one pixel red dotted border and the
three just you can see and we'll close it out with a semi-colon right there and that's going to give
anything that is a paragraph that option.
So I can do it again in a new class basically down new class and I'll say this time I'm going to do
a shady area.
So I say I don't like doing it doesn't matter.
Top of maybe is something like that.
And it's just like a bomb.
And I wanted to do to see a sense.
And I can give this one a little bit difference.
Couldn't you use the same basic option just for kindness bead here.
So see the border of one pixel blue solid line just kind of comparing apples to apples here.
And let's do one more and this time I quit school and just cut this whole thing's running three times
in the summer I do a class and will say that green corner.
I right.
No
green border.
See that's another border right there and this one will be a two pixel green.
You must do a dash all right.
So now I can kind of target each of these paragraphs down here with what I just created up here.
So of course I've got the paragraph tag right there which will attach to anything.
Let's say this paragraph
ID equals.
And their top is what I created there it looks like.
Yes.
OK Heidi.
And and this one was a class and that will be green
green borders.
Now if I save my document and bring that into or was this one of the letters to get into a browser so
you can see that I'm able to slight each one of those paragraphs separately through either a class an
ID or just the regular paragraph tag.
And just because it has a paragraph tag these other ones will overwrite it because they are just the
way that the hierarchy goes.
And with that fact that they'd had a ID or class added to it.
So they understand selectors if not go back and check out the first video that we did.
If not going back check out the first video that we did on selectors I'm doing an advanced class here
shortly.
So make sure you do understand this before we move on.