Lassen Sie uns über den Unterschied zwischen Link und @import in CSS sprechen

Wir alle wissen, dass sowohl Link als auch @import CSS-Stylesheets einführen können. Was ist also der Unterschied zwischen den beiden? Lassen Sie uns zuerst über ihre jeweiligen Verknüpfungsmethoden und dann über ihre Unterschiede sprechen~~~

Die Verknüpfungsmethode:

<link rel="stylesheet" type="text/css" href="index.css">  
@import导入的方式：

<style type="text/css">   
 @import url(&#39;index.css&#39;);   
</style>

Priorität: Stylesheet einbetten> Stylesheet importieren (Link in Stylesheet)

Die Importmethode ist der Linkmethode sehr ähnlich, entspricht aber der tatsächlichen Im internen Stylesheet vorhanden, ist seine Priorität jedoch immer noch niedriger als die des internen Stylesheets, und die Priorität zwischen ihm und dem verknüpften Stylesheet hängt von der Reihenfolge ab, wer es später definiert, wer die höhere Priorität hat.

Hinweis: Beim Importieren eines externen Stylesheets muss sich dessen Position oben im Stylesheet befinden, also vor anderen Stilen.

Es gibt 5 Unterschiede zwischen ihnen (soweit wir bisher wissen, werde ich weitere hinzufügen, wenn es in Zukunft neue Entdeckungen gibt).

1: Link ist ein XHTML-Tag, der auch andere Transaktionen wie RSS definieren kann; @import gehört zur CSS-Kategorie und kann nur CSS laden.

Zweitens: Wenn der Link auf CSS verweist, wird er gleichzeitig mit der Seite geladen; @import muss vor dem Laden warten, bis die Seite vollständig geladen ist.

Drei: Link ist ein XHTML-Tag, es gibt kein Kompatibilitätsproblem für @import, niedrigere Browserversionen unterstützen es nicht.

Viertens: Link unterstützt die Verwendung von Javascript zur Steuerung des DOM, um den Stil zu ändern, während @import dies nicht unterstützt.

5: @import kann andere Stylesheets wieder in die CSS-Datei einführen.

Das obige ist der detaillierte Inhalt vonLassen Sie uns über den Unterschied zwischen Link und @import in CSS sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!