The Full Stack Web Development - Pseudo Classes - Project on Pseudo Classes

The video tutorial introduces pseudo classes and selectors in CSS, focusing on styling elements based on their states. It covers how to use hover and active states for links, and the focus state for form inputs. The tutorial also explores pseudo selectors like first child, last child, and NTH child, demonstrating how to apply styles to specific elements without adding extra classes or IDs. The video concludes with a preview of upcoming topics, including CSS3 color systems and gradients.

What is the purpose of using the hover pseudo class in CSS?

• To change the style of an element when it is clicked

• To change the style of an element when it is hovered over

• To change the style of an element when it is focused

• To change the style of an element when it is active

Which pseudo class is used to style an element when it is clicked?

• focus

• hover

• visited

• active

What happens to an input field when it is in the focus state?

• It changes color to red

• It becomes italic

• It becomes bold

• Its background color changes and it expands

Which pseudo selector would you use to style the first item in a list?

• nth-child

• only-child

• first-child

• last-child

How can you select the last item in a list using CSS?

• last-child

• nth-child

• only-child

• first-child

What does the nth-child(3) selector do?

• Selects the third element

• Selects the first three elements

• Selects every third element

• Selects elements in groups of three

How would you select every even element in a list using nth-child?

• nth-child(odd)

• nth-child(3n)

• nth-child(even)

• nth-child(2n)