CSS UI Pseudo Classes Part 3 - CSS Tutorial 31

Notes for You:: CSS UI Pseudo Classes Part 3 - CSS Tutorial 31

Case 4.
selector : focus{
declaration list;
}
- It selects any html element targeted by the selector, if its status is focused.
Ex:
input : focus
{
color : white;
background-color : red;
}
- It selects any input element, if its status is focused.

Case 5.
selector : optional{
declaration list;
}
- It selects any html element targeted by the selector, if its status is optional.
Ex:
input : optional
{
color : white;
background-color : red;
}
- It selects any input element, if its status is optional.

Case 6.
selector : required{
declaration list;
}
- It selects any html element targeted by the selector, if its status is required.
Ex:
input : required
{
color : white;
background-color : red;
}
- It selects any input element, if its status is required.

=========================================

Follow the link for next video:
CSS Tutorial 32 - CSS UI Pseudo Classes | CSS valid & invalid Selector

Follow the link for previous video:
CSS Tutorial 30 - CSS UI Pseudo Classes | CSS enabled, disabled & checked Selector

=========================================

CSS Tutorials Playlist:-

=========================================
Watch My Other Useful Tutorials:-

HTML Tutorials Playlist:-

JavaScript Tutorials Playlist:-

jQuery Tutorials Playlist:-

=========================================

► Subscribe to our YouTube channel:

► Visit our Website:

=========================================
Hash Tags:-
#ChidresTechTutorials #CSS #CSSTutorial

[ChidresTechTutorials]

SUBSCRIBE, SHARE & SUPPORT:
VISIT & LEARN AT FREE OF COST:

[shaileshjaiswal]

thank you for making such type of tutorial, it's very beneficial for those, who cant afford .🙏

[rambabunakanamoni]

In this video i learned about focus, required, optional pseudo classes.

[manoj.k.m]

The sumbit button has value or it is just for show sir.