Question

Is it possible to load external Style Sheet after Internal (or embedded) styles get loaded. I mean, say I have a div with Yellow background color, set using embedded style in a page, like;

<style type="text/css">
div{
  background-color: yellow;
}
</style>

And can I change the background color to green using an external style sheet like;

<link rel="stylesheet" href="style.css" type="text/css" />

If this is possible, show me an example.

I know this is possible with inline style, but I don’t want to use that.

Answer 1

Yes.

Just put the <link> tag after the <style> tag, or make the selector in the external stylesheet more specific.