Изучение нюансов приоритета различных методов оформления элементов (#4)

В заголовке данной страницы располагается текст

<STYLE>
	@import url(4.css);
	div {color: orange;}
	div {color: lime;}
</STYLE>

Текст файла 4.css:

div {
  color: red !important;
  }

Результат:

<div>

Просто текст

</div>

<div style="color: aqua">

Текст 2

</div>

<div><font color="purple">

Текст 3

</font></div>

<div style="color: aqua"><font color="purple">

Текст 4

</font></div>

Ещё один пример:
В заголовке данной страницы располагается текст

<STYLE>
	@import url(4.css);
	p {color: orange !important;}
	p {color: lime;}
</STYLE>

Текст файла 4.css:

p {
 color: red;
 }

Результат:

<p>

Просто текст

</p>

<p style="color: aqua">

Текст 2

</p>

<p><font color="purple">

Текст 3

</font></p>

<p style="color: aqua"><font color="purple">

Текст 4

</font></p>