CSSRule: parentRule プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
parentRule は CSSRule インターフェイスのプロパティで、現在のルールを内包するルールがあれば、それを返します。なければ null を返します。
値
包含するルールの型の CSSRule を返します。現在のルールがメディアクエリーの中にある場合は、 CSSMediaRule になります。包含するルールがない場合は null を返します。
例
css
@media (min-width: 500px) { .box { width: 100px; height: 200px; background-color: red; } body { color: blue; } } js
let myRules = document.styleSheets[0].cssRules; let childRules = myRules[0].cssRules; console.log(childRules[0].parentRule); // a CSSMediaRule 仕様書
| Specification |
|---|
| CSS Object Model (CSSOM) # dom-cssrule-parentrule |