CSSKeyframesRule: deleteRule() Methode

select

Ein String, der den Keyframe-Selektor der zu löschenden Regel enthält, welcher sein muss:

• eine durch Kommas getrennte Liste von Prozentwerten zwischen 0 % und 100 %;
• oder die Schlüsselwörter from oder to

Beachten Sie, dass die Anzahl und Reihenfolge der Werte im angegebenen Keyframe-Selektor mit denen der gezielten Keyframe-Regel(n) übereinstimmen müssen. Leerzeichen werden ignoriert.

Keiner (undefined).

Das CSS enthält eine Keyframes-At-Regel. Diese wird die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird. myRules[0] gibt ein CSSKeyframesRule Objekt zurück. Das Zurückgeben der cssRules Eigenschaft würde eine CSSRuleList mit zwei Regeln zurückgeben.

Nach dem Löschen einer Regel mit deleteRule() gibt die cssRules Eigenschaft eine CSSRuleList zurück, die eine Regel enthält.

@keyframes slide-in {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

let myRules = document.styleSheets[0].cssRules;
let keyframes = myRules[0]; // a CSSKeyframesRule
keyframes.deleteRule("to");
console.log(keyframes.cssRules); // a CSSRuleList object with one rule