HTML & CSS · Junior · Question 73 of 75

Which style wins: a rule in a stylesheet or the inline `style` attribute?

<p class="note" style="color: red">...</p>
<!-- CSS: .note { color: blue; } -->

✓Correct answer: The inline style (red), unless the stylesheet rule uses !important
2The stylesheet rule, because it loads later
3The one with more properties

Explanation

Inline styles beat any selector specificity. That's why they make overriding hard - prefer classes and keep inline styles for truly dynamic values.

Further reading

Test yourself

Take the HTML & CSS · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.