CSSRule

Baseline Widely available

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

CSSRule 인터페이스는 단일 CSS 규칙을 나타냅니다. 여러가지 유형을 가진 규칙이 CSSRule 로부터 상속된 속성입니다.

CSSRule 인터페이스는 모든 규칙에 대해 공통적인 속성을 지정하는 반면에, 특정 규칙 유형의 고유한 속성은 해당 규칙 유형에 해당하는 더 전문화된 인터페이스에서 지정됩니다.

CSSRule.cssText: 규칙의 텍스트 형식의 표현을 나타냅니다. 예를 들어, "h1,h2 { font-size: 16pt }" 또는 "@import 'url'" 형식입니다. 규칙의 일부에 접근하거나 일부를 변경하려면 (예제에서 "font-size" 의 값) 규칙 유형의 전문화된 인터페이스 속성을 사용해야 합니다.
CSSRule.parentRule 읽기 전용: 이 규칙을 포함하는 상위 규칙을 반환하고, 상위 규칙이 없는 경우 null 을 반환합니다. 예를 들어, 이 규칙이 @media 블록 내에 있는 스타일 규칙인 경우, 상위 규칙은 CSSMediaRule입니다.
CSSRule.parentStyleSheet 읽기 전용: 해당 규칙을 포함하는 스타일 시트의 CSSStyleSheet 객체를 반환합니다.
CSSRule.type 읽기 전용 지원이 중단되었습니다: Type 상수 중 하나를 반환하여 어떤 유형의 규칙이 표현되는지 결정합니다.

CSSRule 에 대한 참조는 CSSStyleSheet의 cssRules 항목들에 포함되어 있습니다.

let myRules = document.styleSheets[0].cssRules; // CSSRuleList 를 반환합니다.
console.log(myRules);

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

BCD tables only load in the browser