Hello, everyone, and welcome back.
In today's video, we will learn about pseudo classes and see Sears's.
A single glass is used to define a special state of an element.
If you remember this code, we learned about this in the video that we saw how to add style to things
we use.
This properties call Ming Golden, a dead golden Hoover and Golden acted to style different states of
art links.
This golden something is called pseudo glass.
They provide us access to different states of deman elements.
These are all this.
You look losses are really willing to assist.
Some of these are for links.
Some are specific for input elements and rest.
Others are general.
You can use it for all the original elements.
Let's try some of these to understand them better, saying we have to create this form.
This disabled feed has a light gray color on when someone who was it shows this person not allowed.
And when a female is focused, it don't like blue.
When the focused input field is required.
It turns this light red.
And when someone who works on this button, it turns dark.
Lucky for us, she also provides us with pseudo glasses to hide in these states.
Let's try to put this.
So let's bring about equality, too.
Let's bring it up here.
Now, first, let's start with this one.
So when someone focuses on an element, it doesn't seem they do.
So coming down here.
So this is our input element.
So first, let's select our input element.
Then put it on for focus.
We have this pseudo glassford focus.
So focus on let's add some states.
So when this element is focused, change the background color to light blue.
Let's save it.
Let's run our lives together.
So it's demoed, right.
Click on Open with lifeSo.
And now when I focused, all my fields are going blue.
OK, so let's bring about it again.
Now, the next day has been someone who was on this disabled feed.
It should show this not allowed close up.
So coming in here.
So, again, this is an input feel so close.
Let's select the input field.
So but I don't I'm golden.
So even for disabled.
We have another single class for disabled.
Let selected let seems let go, sir.
So go, sir.
I'm not alone.
Let's save it.
And now when I hear word it shows me is not allowed.
Gersel.
Now, moving on to the next part.
When I focus on these required teens, it should do like trade like this.
So let's try this.
So, again, let's select our input few.
So in our case, that last name is input item.
First, let's select when the field is focused.
And now let's select when the field is required.
And as you can see, I can give multiple Seelow classes.
First, I selected all the input items which are focus, and then I selected all these focused and put
items which are required.
So let's change the background to live.
So let's go to Ray gets a lift.
And when I focus it don't Ray but the threat is very bright and dark.
Let's make it like.
So we use RGV.
So first as bar, so full of red, zero green, zero blue.
And even now, as you can see, this rate is very bright.
So we have another color coding scheme, which is called IGB eight.
This it helps to add some transparency.
This eight represents Alpha.
And we can change as well if I to handle the transparency.
So the value goes from zero to one.
One is the most opaque and zero is the completely transparent.
So let's say we get rid of others.
Point to let's save it now.
And I hope it gives me this lightweight color.
Similarly, if the value was a bit more Setpoint eight.
It's a bit darker, more deeply.
Let's just do it about dewpoint do.
And as you can see.
The Bosworth Field is play on the good from Bosworth Field is also required.
So when I go with you, it goes straight.
Similarly in this one goes to read.
Now, we went to the last point.
So when I who were on this button, it should get this deep look.
So coming back here.
So this is our second segment.
So first, let's click the button.
So Abedian and submit.
Now, we wanted this auction to happen when be were so cool and we can use the Hoover Suder plus.
And if you can notice here, the background color is given an RGV.
And the obesity is point eight.
So if you just change it to one, that should do the job.
So back at Onkalo, let's see RGV.
So let's, you know.
Ground zero.
Lou, full arm for the other four lectures, given the value of one.
Let's save it.
And now when I hope it still does not win.
Right.
Let's see.
So instead of new, let's say, two, five, five.
And as you can see now, this is going to need Lukla.
That's all for today, guys.
In the next video, we will explore some more of these YouTube losses.
If there's something that you did not understand in future global comment on people discussing.
So you in the next video by and Andy.