Mastering CSS3 Selectors (Video 3)

This lecture delves into CSS link selectors, including pseudo classes like :link, :visited, :hover, and :active. It covers the evolution from CSS1 to CSS2, highlighting changes in browser behavior and security concerns with visited links. The lecture also explains user action pseudo classes and their application to links and inputs, demonstrating how to style elements based on user interactions.

What is the primary purpose of a pseudo-class in CSS?

• To define a real class for styling

• To create a rule for elements based on their state

• To override existing styles

• To apply styles to all elements of a type

Which pseudo-class is used to style links that have not been visited?

• :link

• :visited

• :active

• :hover

Why might the 'visited' pseudo-class not work as expected in some modern browsers?

• Due to outdated CSS specifications

• Because of security concerns

• It is not supported in any browser

• It requires JavaScript to function

What is the default behavior of browsers regarding the 'visited' pseudo-class in CSS?

• Browsers always allow full control over visited link colors

• Browsers require JavaScript to apply 'visited' styles

• Browsers may restrict control over visited link colors for security

• Browsers ignore the 'visited' pseudo-class entirely

What does the 'active' pseudo-class represent?

• An element that has been visited

• An element that is currently being clicked

• An element that is being hovered over

• An element that is focused

How does the 'hover' pseudo-class differ from the 'focus' pseudo-class?

• 'Hover' applies when an element is hovered, 'focus' when selected

• 'Hover' applies to links only, 'focus' to inputs only

• 'Hover' applies when an element is visited, 'focus' when active

• 'Hover' applies when an element is clicked, 'focus' when hovered

Which pseudo-class would you use to change the border color of an input when it is selected?

• :hover

• :focus

• :active

• :visited