Modern Web Design with HTML5, CSS3, and JavaScript - What are Cascading Style Sheets (CSS) Pseudo-classes?

The video tutorial explains the use of pseudo classes in CSS to define the state of elements, such as hover, visited, active, and focus. It demonstrates how to apply these pseudo classes to hyperlinks, H1 tags, and input fields to change their appearance based on user interaction. The tutorial also covers the use of the first-child pseudo class to style specific elements within a parent.

What is the primary purpose of CSS pseudo-classes?

• To define the layout of a webpage

• To apply styles based on the state of an element

• To create animations

• To manage server-side scripts

Which pseudo-class would you use to style a link that has been visited?

• :hover

• :active

• :visited

• :focus

What color is applied to a hyperlink when it is hovered over, according to the tutorial?

• Yellow

• Green

• Red

• Blue

Which pseudo-class is used to style an input field when it is focused?

• :hover

• :focus

• :active

• :visited

What background color is set for an H1 tag when hovered over?

• Yellow

• Green

• Red

• Purple

Which pseudo-class is used to select the first child of a parent element?

• :nth-child

• :only-child

• :last-child

• :first-child

How many paragraphs will have a light blue background if they are the first child of their parent?

• Three

• One

• Two

• Four