Which statement best describes preventing specificity conflicts?

Which statement best describes preventing specificity conflicts?

• A. Too many ID selectors can cause specificity conflicts; mitigate with a design system, BEM naming, limited selector depth, and lint rules.
• B. Specifying colors is the main cause of specificity conflicts.
• C. Inline styles remove specificity issues entirely.
• D. Using universal selectors only causes fewer conflicts.

Answer: (A)

This question centers on preventing CSS specificity conflicts by shaping how you write and organize selectors. The best approach is to build a scalable, predictable system: use a design system that defines components and states so you reuse consistent selectors, apply BEM naming to encode component and state without piling on specificity, keep selector depth shallow to avoid heavy weight, and enforce lint rules to catch overly specific selectors during development. Together, these practices make styles modular and predictable, reducing the likelihood of competing selectors fighting over which rules win. Colors specified in a rule don’t affect how selectors are weighted, so choosing or changing a color value doesn’t resolve specificity issues. Inline styles technically bypass many normal cascade rules and can outrank other selectors, but they still create maintenance headaches and don’t actually prevent conflicts. Relying on universal selectors doesn’t inherently reduce conflicts and can lead to broad, hard-to-manage overrides, so it isn’t a reliable strategy for preventing specificity issues.

This question centers on preventing CSS specificity conflicts by shaping how you write and organize selectors. The best approach is to build a scalable, predictable system: use a design system that defines components and states so you reuse consistent selectors, apply BEM naming to encode component and state without piling on specificity, keep selector depth shallow to avoid heavy weight, and enforce lint rules to catch overly specific selectors during development. Together, these practices make styles modular and predictable, reducing the likelihood of competing selectors fighting over which rules win.

Colors specified in a rule don’t affect how selectors are weighted, so choosing or changing a color value doesn’t resolve specificity issues. Inline styles technically bypass many normal cascade rules and can outrank other selectors, but they still create maintenance headaches and don’t actually prevent conflicts. Relying on universal selectors doesn’t inherently reduce conflicts and can lead to broad, hard-to-manage overrides, so it isn’t a reliable strategy for preventing specificity issues.