CSSImportRule

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

CSSImportRule は @import アットルールを表します。

インスタンスプロパティ

祖先である CSSRule から継承したプロパティがあります。

CSSImportRule.href 読取専用: @import ルールで指定された URL を返します。
CSSImportRule.layerName 読取専用: @import ルールで宣言されたカスケードレイヤーの名前を返します。レイヤーが無名の場合は空文字列、ルールが何も宣言していない場合は null を返します。
CSSImportRule.media: 関連づけられたスタイルシートの media 属性の値を返します。
CSSImportRule.styleSheet 読取専用: 関連づけられたスタイルシートを返します。
CSSImportRule.supportsText 読取専用 Experimental: @import ルールで指定した supports の条件を返します。

祖先である CSSRule から継承したメソッドがあります。

この文書には単一のスタイルシートが記述されており、そのスタイルシートには単一の @import ルールだけが含まれています。したがって、 CSS ルールのリストの最初の項目は CSSImportRule になります。

css

@import url("style.css") screen;

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // CSSImportRule インスタンスオブジェクト

Specification
CSS Object Model (CSSOM) # the-cssimportrule-interface

BCD tables only load in the browser