Do css rules in external stylesheet get overridden even if they have higher specificity than embedded or inline css rules?

Question

I have a doubt do css rules in external stylesheet get overridden by the embedded or inline css rules even if they have higher specificity.

//external stylesheet
p { color: blue !important; }
//inline css rule
p#test { color:red; }

possible duplicate of [What does !important in CSS mean?](http://stackoverflow.com/questions/9245353/what-does-important-in-css-mean) — Weafs.py, Nov 21 '14 at 07:04
The rules have the same selector `p`, so the specificity is the same. — Jukka K. Korpela, Nov 21 '14 at 07:52

score 0 · Accepted Answer · answered Nov 21 '14 at 07:18

0

No important will lock the style completely (unless you use !important again somewhere to override), so you cant override it with inline style

answered Nov 21 '14 at 07:18

Marvin Fischer

1

Of course, !important should be avoided wherever possible, as it is difficult to override and works outside the normal cascade. But one of its valid uses is to override inline styles in plugins etc where you maybe can't get at the code directly - in which case it would be exactly as done here; the blue colour would override the inline red colour. – GuyH Nov 21 '14 at 12:51

1 Answers1