CSSRule 對象是一個基類,用於 定義CSS 樣式表中的任何規則,包括規則集(rule sets)和 @ 規則(at-rules)。規則存在若干種類型。所有這些類型在 CSSRule 接口共享的通用屬性並不多,大部分類型都擁有專門針對特定規則類型的屬性。
基本介紹
- 外文名:CSSRule
- 對象:基類
- 定義:CSS 樣式表中的任何規則
- 規則:存在若干種類型
CSSRule 對象,CSS 規則的類型,CSSRule 對象的屬性,
CSSRule 對象
在網頁載入過程中, 瀏覽器將每個css檔案解析為樣式表對象CSSStyleSheet,每個對象包含css規則對象CSSRule,css規則對象CSSRule包含選擇器和聲明對象,以及其他一些符合css語法的對象。見下圖:
CSS 規則的類型
類型 | 對應的接口 |
CSSRule.STYLE_RULE | CSSStyleRule |
CSSRule.MEDIA_RULE | CSSMediaRule |
CSSRule.FONT_FACE_RULE | CSSFontFaceRule |
CSSRule.PAGE_RULE | CSSPageRule |
CSSRule.IMPORT_RULE | CSSImportRule |
CSSRule.CHARSET_RULE | CSSCharsetRule |
CSSRule.UNKNOWN_RULE | CSSUnknownRule |
CSSRule 對象的屬性
cssText 返回規則的文本表示,例如 "h1,h2 { font-size: 16pt }"。
parentRule 返回包含規則(如果有的話)(例如,在 @media 塊中的樣式規則)。
parentStyleSheet 返回該規則所屬的 stylesheet 對象。
type 規則類型,例如 CSSRule.CHARSET_RULE 或 CSSRule.IMPORT_RULE。
注釋:以上屬性均為唯讀。