[译] XML DOM CSSRule 对象

[译] XML DOM CSSRule 对象

写在前面:本作业参考了网络资料并使用了GOOGLE翻译工具。对于其介绍的内容,本人并不完全明白,只是在看到这篇文档的时候,便对CSSRule进行了一些了解和学习,查阅了一些相关资料并尝试对该文档进行翻译和整理,因此可能有描述和理解上的误差,不能代表原作者的见解,仅供学习、交流、参考阅读,勿当标准教材; 如发现问题欢迎修正和补充!

原文链接:https://developer.mozilla.org/zh-CN/docs/Web/API/CSSRule

CSSRule

CSSRule 对象是一个基类,用于定义 CSS 样式表中的任何规则. 我们可以通过 CSS style sheet’s cssRules 了解更多关于CSSRule的介绍.
规则存在若干种类型。所有这些类型在 CSSRule 接口共享的通用属性并不多,大部分类型都拥有专门针对特定规则类型的属性。
语法
使用 WebIDL 语法格式进行描述.
interface CSSRule {
    const unsigned short STYLE_RULE = 1;
    const unsigned short CHARSET_RULE = 2;
    const unsigned short IMPORT_RULE = 3;
    const unsigned short MEDIA_RULE = 4;
    const unsigned short FONT_FACE_RULE = 5;
    const unsigned short PAGE_RULE = 6;
    const unsigned short KEYFRAMES_RULE = 7;
    const unsigned short KEYFRAME_RULE = 8;
    const unsigned short NAMESPACE_RULE = 10;
    const unsigned short COUNTER_STYLE_RULE = 11;
    const unsigned short SUPPORTS_RULE = 12;
    const unsigned short DOCUMENT_RULE = 13;
    const unsigned short FONT_FEATURE_VALUES_RULE = 14;
    const unsigned short VIEWPORT_RULE = 15;
    const unsigned short REGION_STYLE_RULE = 16;
    readonly attribute unsigned short type;
    attribute DOMString cssText;
    readonly attribute CSSRule? parentRule;
    readonly attribute CSSStyleSheet? parentStyleSheet;
};

CSSRule对象的属性

CSSRule.cssText
返回规则的文本表示. 例如"h1,h2 { font-size: 16pt }"
CSSRule.parentRule 只读
返回包含规则, 否则返回null. 例如: 如果此规则是 @media 块中的样式规则, 则其父规则将是该 CSSMediaRule.
CSSRule.parentStyleSheet 只读
返回包含此规则的样式表的 CSSStyleSheet 对象.
CSSRule.type 只读
规则类型,表示CSS规则类型 Type constants 中的一种类型.

规则的类型

CSSRule接口指定可以与CSSRule的type属性一起使用的整数常量,以识别规则类型(因此,它代表某一个专用接口)。以下是这些常量和接口之间的关系对照表:

类型 对应接口
CSSRule.STYLE_RULE 1 CSSStyleRule
CSSRule.MEDIA_RULE 4 CSSMediaRule
CSSRule.FONT_FACE_RULE 5 CSSFontFaceRule
CSSRule.PAGE_RULE 6 CSSPageRule
CSSRule.IMPORT_RULE 3 CSSImportRule : IDL: nsIDOMCSSImportRule
CSSRule.CHARSET_RULE 2 CSSCharsetRule 
CSSRule.UNKNOWN_RULE 0 CSSUnknownRule
CSSRule.KEYFRAMES_RULE 7 CSSKeyframesRule [1] 
CSSRule.KEYFRAME_RULE 8 CSSKeyframeRule [1] 
预留 9 应用于将来定义颜色配置文件
CSSRule.NAMESPACE_RULE 10 CSSNamespaceRule 
CSSRule.COUNTER_STYLE_RULE 11 CSSCounterStyleRule 
CSSRule.SUPPORTS_RULE 12 CSSSupportsRule
CSSRule.DOCUMENT_RULE 13 CSSDocumentRule 
CSSRule.FONT_FEATURE_VALUES_RULE 14 CSSFontFeatureValuesRule
CSSRule.VIEWPORT_RULE 15 CSSViewportRule 
CSSRule.REGION_STYLE_RULE 16 CSSRegionStyleRule 

还可以在 CSSWG Wiki 上找到常规的最新非正式列表.

在Gecko上,在Firefox 19之前,关键帧相关常量只存在于其以前版本:CSSRule.MOZ_KEYFRAMES_RULE和CSSRule.MOZ_KEYFRAME_RULE中。 从Firefox 20起,这两个版本都可用。 前版本在未来将会被删除。

规范

规范 状态 说明
CSS Object Model (CSSOM)
CSSRule
草案 废弃的值为CHARSET_RULE和UNKNOWN_RULE。 添加了值NAMESPACE_RULE。
CSS Animations
CSSRule
草案 添加了值KEYFRAMES_RULE和KEYFRAME_RULE。
CSS Fonts Module Level 3
CSSRule
候选推荐 添加了值FONT_FEATURE_VALUES_RULE。
CSS Counter Styles Level 3
CSSRule
候选推荐 添加了值COUNTER_STYLE_RULE
CSS Conditional Rules Module Level 3
CSSRule
候选推荐 添加了值SUPPORTS_RULE。 (DOCUMENT_RULE已被推送到CSS条件规则级别4)
Document Object Model (DOM) Level 2 Style Specification
CSSRule
废弃的 初始定义

浏览器兼容性

要获取有关不同类型常量值的浏览器兼容性信息,请参阅:

桌面浏览器 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
是否支持 (Yes) (Yes) 9 (Yes) (Yes)
移动端浏览器 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
是否支持 (Yes) (Yes) (Yes) (Yes) (Yes)

 

发表评论

邮箱地址不会被公开。 必填项已用*标注