Which CSS3 selector pattern selects elements by an attribute value?

Which CSS3 selector pattern selects elements by an attribute value?

• A. Attribute selectors, e.g., [attr=\"value\"]
• B. Class selectors
• C. Pseudo-class selectors
• D. Element selectors

Answer: (A)

Selecting elements by a specific attribute value is done with attribute selectors. In CSS3, these use square brackets around an attribute and an exact value, like [attr="value"], to pick elements whose attribute attr equals value. For example, a[href="https://example.com"] targets only anchor elements whose href is that URL. Other options focus on different criteria: class selectors target the class attribute in a non-bracket form, pseudo-class selectors deal with element states (like :hover), and element selectors match by tag name (like div). So the square-bracket pattern with a quoted value is the one that directly selects by an attribute value.

Selecting elements by a specific attribute value is done with attribute selectors. In CSS3, these use square brackets around an attribute and an exact value, like [attr="value"], to pick elements whose attribute attr equals value. For example, a[href="https://example.com"] targets only anchor elements whose href is that URL. Other options focus on different criteria: class selectors target the class attribute in a non-bracket form, pseudo-class selectors deal with element states (like :hover), and element selectors match by tag name (like div). So the square-bracket pattern with a quoted value is the one that directly selects by an attribute value.