Provede se dřív import nebo kód?

Martin02:
To je irelevantní otázka. CSS se neprovádí, to jen definuje, jak se má co vykreslit.

Asi pro zjednodušení formátu platí:
„The @import CSS at-rule allows to import style rules from other style sheets. These rules must precede all other types of rules, except @charset rules; as it is not a nested statement, it cannot be used inside conditional group at-rules.“

Aby prohlížeč mohl stránku zobrazit podle deklarací v @import, musí navázat http spojení a pak začne stahovat a parsovat importovaný styl.
Mezi tím dál pokračuje načítání původního CSS souboru, prohlížeč nečeká, až bude @import dokončen.

Martin02:
„Tudíž se posloupnost aplikování stylů neurčuje pořadím css příkaů, ale umístěním css kódu v html.“
Moc nechápu, co tím myslíš, ale prohlížeč aplikuje styl hned, jakmile je to možní. Pokud bys měl jeden CSS soubor, tak prohlížeč ho načítá postupně, ale pokud je souborů se styly více, tak se situace komplikuje a záleží na mnoha okolnostech, jako zda jsou soubory nakešované, jak rychle se neváže to které http spojení...

Řešíš konkrétní problém, nebo se ptáš, abys problematiku lépe pochopil?

Ani tím umístěním v HTML, definice může být umístěna kdekoli. <link> může být jen v hlavičce (asi ze zvyku), ale <style> můžeš dát kamkoli a stejně se jeho definice týká celého html.

To ohledně načtení a následného vykreslování platí o JS. Script musí napřed stáhnout a spustit a pak až se může zabývat zbytkem stránky. Skript totiž může stránku změnit třeba pomocí document.write (viz Odkaz). Tomu lze ale trošku pomoci přidáním atributu async, který různé prohlížeče různě podporují.

Prohlížeč na načtení stylů nečeká, je dokonce navržen tak, aby dokázal stránku překreslit, kdykoli se nějaká CSS vlastnost změní. Zkus si třeba přidat ve vývojářských nástrojích pravidlo: * {display: inline}, které prohlížeči úplně změní chápání celé stránky.