ITHACK
【CSS】@import - 外部スタイルシート（CSSファイル）の読み込み

【CSS】@import - 外部スタイルシート（CSSファイル）の読み込み

CSSの@importについて解説します。

検証環境

@import

@importは外部スタイルシート（CSSファイル）を読み込みます。

基本構文

@import url("URL");

サンプル

次のsample.css（外部スタイルシート）を読み込むサンプルを示します。

@charset "utf-8";
h1 {
    color: red;
}
<style>
___ih_hl_start
@import url('https://it-hack.net/article/style/sample.css')
___ih_hl_end
</style>
 
<h1>TEXT</h1>
【CSS】word-break - 単語中の改行
【コマンドライン】ユーザーのグループ確認 [ groups ]
【コマンドライン】ユーザー・グループの確認 [ getent ]
【JavaScript】イベントの伝搬 - キャプチャリング・バブリング
【JavaScript / DOM】属性ノードの取得・設定・削除 - 属性ノードを要素ノードで扱う方法
【JavaScript / DOM】ノード / textContentプロパティ - ノードのテキストを変更する
AtMarkRule
Browser
CentOS
Command
Command
CSS
Database
Development
DOM
Event
HTML
JavaScript
MarkupLanguage
MySQL
Network
OS
PHP
Programming
Property
Pseudo Class
Pseudo Element
Relational Database
Server
Standard Object
Tag