CSSRule: parentRule-Eigenschaft

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.

Die parentRule-Eigenschaft des CSSRule-Interfaces gibt die enthaltene Regel der aktuellen Regel zurück, falls diese existiert, andernfalls wird null zurückgegeben.

Wert

Ein CSSRule, die der Typ der enthaltenen Regeln ist. Wenn die aktuelle Regel in einer Medienabfrage enthalten ist, würde dies CSSMediaRule zurückgeben. Andernfalls wird null zurückgegeben.

Beispiele

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

Spezifikationen

Specification
CSS Object Model (CSSOM)
# dom-cssrule-parentrule

Browser-Kompatibilität

BCD tables only load in the browser