リンクと@importの違い

link と @import の両方で CSS スタイルシートを導入できることは誰もが知っていますが、この 2 つの違いは何でしょうか?まずそれぞれのリンク方法について説明し、それからその違いについて説明しましょう~~~

リンク方法:

リーリー

@import インポート方法:

リーリー

優先度: 埋め込みスタイル > 内部スタイルシート > スタイルシートのインポート (スタイルシートへのリンク)

インポート方法はリンク方法と非常に似ていますが、実際には内部スタイルシートに存在することと同等ですが、それでもその優先度は内部スタイルシートよりも低く、リンクされたものと同じ優先度を持ちます。スタイルシート レベルは順位に応じて後から定義された方が優先されます。

注: 外部スタイル シートをインポートする場合、その場所はスタイル シートの先頭、つまり他のスタイル の前にある必要があります。

両者の違いは全部で5つあります（私が知っている限り）今後新たな発見があれば追加していきます。

1: link は CSS をロードするだけでなく、RSS などの他のトランザクションも定義できます。CSS のみをロードできます。

2: link が CSS を参照する場合、@import はページの読み込みが完了するまで待つ必要があります。

3: link は XHTML タグです。@import には互換性の問題はありません。以前のバージョンのブラウザではサポートされていません。

4: link は、JavaScript を使用して DOM を制御してスタイルを変更することをサポートしています。

5: @import は、CSS ファイルに他のスタイルシートを再度導入できます。