In CSS specificity, what does a stand for when calculating specificity?

In CSS specificity, what does a stand for when calculating specificity?

• A. IDs
• B. Classes
• C. Inline styles
• D. Elements

Answer: (C)

In CSS specificity, the a component counts the number of inline style attributes directly on the element. That’s why the inline styles are considered the highest level of specificity: any style written as a style attribute on the element will override rules from stylesheets, even if those rules use IDs, classes, or element selectors. For example, if an element has <p style="color: red;"> but a stylesheet has a rule like #header { color: blue; } or .highlight { color: green; }, the inline style wins and the text will be red. The ID, class, and element selectors contribute to other parts of the specificity calculation, but they don’t affect the a component. So, the a value stands for inline styles.

In CSS specificity, the a component counts the number of inline style attributes directly on the element. That’s why the inline styles are considered the highest level of specificity: any style written as a style attribute on the element will override rules from stylesheets, even if those rules use IDs, classes, or element selectors.

For example, if an element has

but a stylesheet has a rule like #header { color: blue; } or .highlight { color: green; }, the inline style wins and the text will be red. The ID, class, and element selectors contribute to other parts of the specificity calculation, but they don’t affect the a component.

So, the a value stands for inline styles.