Instruction: Explain the concept of CSS selectors and provide examples.
Context: This question tests the candidate's knowledge on CSS selectors, a fundamental concept for applying styles to HTML elements.
Official answer available
Preview the opening of the answer, then unlock the full walkthrough.
At its core, a CSS selector is a pattern used to select the HTML elements you want to style. Let's dive into a few types of selectors to elucidate this concept further. First, we have the type selector, which targets elements by their tag name. For example, if we use p { color: blue; }, we're instructing the browser to apply the color blue to all <p> (paragraph) elements in the document.
Another example is the class selector, denoted by a period (.) followed by the class name. This selector targets elements based on the class attribute. If we have .highlight { background-color: yellow; }, any element with the class highlight will have a yellow background. This selector is particularly useful for...