CSSRule: parentRule-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die parentRule-Eigenschaft des CSSRule-Interfaces gibt die enthaltene Regel der aktuellen Regel zurück, falls vorhanden, oder andernfalls null.
Wert
Ein CSSRule, welcher der Typ der enthaltenen Regeln ist. Wenn die aktuelle Regel in einer Media-Query enthalten ist, wird CSSMediaRule zurückgegeben. Andernfalls wird null zurückgegeben.
Beispiele
css
@media (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
| Spezifikation |
|---|
| CSS Object Model (CSSOM) # dom-cssrule-parentrule |