Something good you can do with the acreage you can modify existing copy that you have on your page and
you can do that using the name with CSSA.
And we're going to do is take a look at how you do that here.
So what I've done so far is to have three basic paragraphs that we've used in previous videos and I've
wrapped it with a container of ideas.
So as of right now if I were to say that and go to My Documents here.
All right.
So I've just got three paragraphs of just basic black copy up and special on here.
So what I want to do is within the document I want to create a style that I want to modify
using a query.
So it's Quenton call this.
I don't know color box and we will create a stream of color to make it blue.
I mean that can be code blue right there.
OK.
Call parts or say anything that gets this color box applied to it here.
We are going to change the color to blue.
Now it's not actually being targeted down here I don't have that class set up in any of these paragraph
tags or within the ID here right now so it's not being applied just yet but we're going to use the query
to do that for us.
So up in here this is very simple an accretive function of using the dollar sign.
We will say
secret target or Id done here of container.
So say cache
container and going to target the paragraph tag within there and we're going to use a new function called
Raft and it's going to wrap itself whatever it is around the container paragraph tag here.
It's just a write up and then open and close friends and we will say with quotation marks or start to
type out some CSSA and say read it raptus with a DIV tag ID is actually a class equals.
And when you use single quotes here because we're already kind of wrapped in double quotes with you
single quotes this time otherwise it closes that out or say seven I named it in a colored box.
Terence So now I just need to close out that.
That's close it out with a semi-colon right there.
And when should do.
Again taking it all the paragraph tags within the container here it should wrap them with is declasse
of color box changing my font to this cool blue color.
Amice save that and come back to my document and just hit refresh and you can see that it went ahead
and modified all that copy right up in there.
So what you can also do is you can
now target specific paragraphs with and here I would say first and we could use Refresh there and I'm
just targeting just the first one to modify that.
You could also do a different function here.
See we can do MT and keep an open and close print right there.
You too many closing print 3:36 close out of that on course to save that.
And now just the first paragraph should come up empty.
So I hit refresh you can see the last number one notch step two and three right there.
Good.
Good way to kind of clear out just one paragraph for you know a specific area.
This can be for testing this could be for maybe just some mobile devices that will turn off certain
paragraph's things like that can be useful for so another one that you can do is run out of five is
just like they kind of almost like write it in reverse from what we had just a minute ago here still
starting out with.
That's going to move us.
Keep those quote marks there but we can say Divx
we can say we can't replace this with the word container in here and we're going to do is we are going
to replace all of anything with it in the ID home
container.
And here are my clothes out.
So basically saying this will be replaced all of within the container.
So save that come back over here and you can see my paragraphs had been replaced with just a DIV tag.
I inspect it you can see here it's been replaced which is a DIV tag of container.
Well that's why I'm Take a look at here is when curved versus a hat here we can just remove the last
place in there and switch this one around here.
Sorry.
Say the container.
We want to replace with a different function.
Replace all with replace with an and we will say.
Try to put in the wrong spot there between the quotes there and trying to place with you know how you
write something different.
This has been replaced with anything with them to continue.
They are replace it with this div tag here.
We can save it come back and refresh and you can see that this has been replaced with because of the
inspector there.
So this can be very useful for again all different things maybe switching things out on mobile devices.
Certain tasks it can be used for testing purposes.
All the other reasons but a lot of cool powerful things you can do with this GR.-RE function.