CSSStyleRule
Baseline
広く利用可能
*
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
* この機能の一部は、対応レベルが異なる場合があります。
CSSStyleRule は、単一の CSS スタイルルールを表します。
インスタンスプロパティ
祖先である CSSRule からプロパティを継承しています。
CSSStyleRule.selectorText-
このルールのセレクターのテキスト表現を返します。例:
"h1,h2" CSSStyleRule.style読取専用-
このルールの
CSSStyleDeclarationオブジェクトを返します。 CSSStyleRule.styleMap読取専用-
StylePropertyMapオブジェクトを返し、これによってこのルールのプロパティと値の組へアクセスできます。
インスタンスメソッド
固有のメソッドはありません。祖先である CSSRule からメソッドを継承しています。
例
この CSS は 1 つのスタイルルールを含んでいます。これは最初の CSSRule となり、 document.styleSheets[0].cssRules で返されます。
従って、 myRules[0] は h1 を定義するルールを表す CSSStyleRule オブジェクトを返します。
css
h1 {
color: pink;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSStyleRule representing the h1.
仕様書
| 仕様書 |
|---|
| CSS Object Model (CSSOM) # the-cssstylerule-interface |