CSSStyleRule
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
Giao diện CSSStyleRule đại diện cho một quy tắc kiểu CSS đơn lẻ.
Thuộc tính của thể hiện
Kế thừa các thuộc tính từ các lớp cha của nó là CSSGroupingRule và CSSRule.
CSSStyleRule.selectorText-
Trả về biểu diễn văn bản của bộ chọn cho quy tắc này, ví dụ
"h1, h2". CSSStyleRule.styleRead only-
Trả về đối tượng
CSSStylePropertiescủa quy tắc, đại diện cho các style của nó. CSSStyleRule.styleMapRead only-
Trả về đối tượng
StylePropertyMap, cung cấp quyền truy cập vào các cặp thuộc tính-giá trị của quy tắc.
Phương thức của thể hiện
Kế thừa các phương thức từ các lớp cha của nó là CSSGroupingRule và CSSRule.
Ví dụ
Lấy một style rule
CSS dưới đây định nghĩa style rule cho bộ chọn h1, được biểu diễn trong code bằng một thể hiện CSSStyleRule.
h1 {
color: pink;
}
Giả sử style rule ở trên là quy tắc đầu tiên trong tài liệu, nó sẽ là CSSRule đầu tiên được trả về bởi document.styleSheets[0].cssRules.
myRules[0].style trả về một đối tượng CSSStyleProperties đại diện cho các khai báo được định nghĩa cho h1.
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSStyleRule representing the h1.
Thông số kỹ thuật
| Specification |
|---|
| CSS Object Model (CSSOM) # the-cssstylerule-interface |