CSS which takes precedence, inline or the class?

Question

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

.myClass {background:#000;}

Now my div looks like:

Answer 1

The order of precedence with CSS is as follows:

1. !important (this is a bit hackish though but it is the only way to override an inline style. Try to avoid using this unless really necessary). Example: p {color: blue !important; }
2. Inline, such as

   CSS is awesome

   .In this example, the class is ignored if the redText class declaration has already tried to define the property of color:. Other properties can still be honored though.
3. Internal styles - those written inside the