Untitled

In which order do CSS stylesheets override?
<head>
<title>Title</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
<link href="master.css" rel="stylesheet" type="text/css"/>

body {margin:10px:}

html, body:not(input="button")
{
margin:0px;
padding:0px;
border:0px;
}

div#foo {
  color: blue; /* This one is applied to <div id="foo"></div> */
}

div {
  color: red;
}

div {
  color: red;
}

div {
  color: blue; /* This one is applied to <div id="foo"></div> */
}