Home/ Questions/Q 6165349
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T22:08:53+00:00

My website has a stylesheet defined in the header as style.css with a selector:

  • 0

My website has a stylesheet defined in the header as style.css with a selector: 

.myClass {background:#000;}

Now my div looks like:

<div class="myClass" style="background:#fff;"> &nbsp; </div>

Which one has priority, the inline or the class?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Generally speaking we can say that all the styles will “cascade” into a new “virtual” style sheet by the following rules, where number three has the highest priority:

    1. Browser default
    2. Embedded and external stylesheets. Later has precedence over earlier. There IS NOT any inherent difference between embedded and external.
    3. Inline style (inside an HTML element)

    Source (Edit: of original incorrect information, since corrected both here and there): w3schools

    W3schools explains a lot about CSS and also goes through and shows examples of most things you can do with CSS. Always a good resource if you have questions about something. (Edit: debatable, they were the source of the original wrong answer.)

    • 0