CSS規則物件概述

admin發表於2018-08-18
CSS物件

CSSRule物件是一個基類，定義CSS樣式表中的任何規則，包括規則集（rule sets）和 @ 規則（at-rules）。

規則存在若干種型別，列表如下:

物件描述
CSSStyleRule樣式規則物件。
CSSMediaRuleMedia規則物件。

CSSFontFaceRule

字型規則物件。
CSSPageRule@page規則物件。
CSSImportRule輸入規則物件。
CSSRule物件屬性:

（1）.cssText:

返回規則的文字表示，例如:

[CSS] 純文字檢視 複製程式碼
#ant {
  width:100px;
  height:100px;
  text-align:center;
}

（2）.parentRule:

返回包含規則（如果有的話）（例如，在 @media 塊中的樣式規則）。

（3）.parentStyleSheet:

返回該規則所屬的 stylesheet 物件。

（4）.type:

返回有一個整數值，表示當前規則的型別。

後續文章僅以CSSStyleRule物件為例子做一下介紹。

相關文章