I had studied earlier that embedded CSS always overrides external css. But I found that whichever comes last in the code, those styles prevail.
Please see the follo
It doesn't matter if your stylesheet is within -tags or externally and linked with . The last one has always precedence, they could even be in the same external file, really just the order of the selectors and their specificities matter.
However, inline CSS using the style=".." attribute always has precedence, because it's most specific. To override that, you would have to use !important. Properties in style=".." using !important cannot be overridden.