CSSImportRule: свойство supportsText

Только для чтения supportsText свойство интерфейса CSSImportRule возвращает условие поддержки, указанное в @import правиле.

Строка или null.

Единственный документ содержит три @import правила. Первое объявление импортирует таблицу стилей, если display: flex поддерживается. Второе объявление импортирует таблицу стилей, если селектор :has поддерживается. Третье объявление импортирует таблицу стилей без условия поддержки.

Свойство supportsText возвращает условия импорта, связанные с правилом.

@import url("style1.css") supports(display: flex);
@import url("style2.css") supports(selector(p:has(a)));
@import url("style3.css");

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].supportsText); // returns `"display: flex"`
console.log(myRules[1].supportsText); // returns `"selector(p:has(a))"`
console.log(myRules[2].supportsText); // returns `null`

• Использование запросов на поддержку функций
• @import и @supports