{"json_modified": "2015-11-13T07:17:43.155867", "slug": "Web/API/CSSMediaRule", "tags": [], "locale": "zh-CN", "title": "Media", "translations": [{"title": "CSSMediaRule", "url": "/en-US/docs/Web/API/CSSMediaRule", "tags": ["Reference", "Interface", "API", "CSSOM"], "summary": "The <strong><code>CSSMediaRule</code></strong> is an interface representing a single CSS <a href=\"/en-US/docs/Web/CSS/@media\" title=\"The @media CSS at-rule associates a set of nested statements, in a CSS block that is delimited by curly braces, with a condition defined by a media query. The @media at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.\"><code>@media</code></a> rule. It implements the <a href=\"/en-US/docs/Web/API/CSSConditionRule\" title=\"An object implementing the CSSConditionRule interface represents a single condition CSS at-rule, which consists of a condition and a statement block. It is a child of CSSGroupingRule.\"><code>CSSConditionRule</code></a> interface, and therefore the <a href=\"/en-US/docs/Web/API/CSSGroupingRule\" title=\"An object implementing the CSSGroupingRule interface represents any CSS at-rule that contains other rules nested within it.\"><code>CSSGroupingRule</code></a> and the <a href=\"/en-US/docs/Web/API/CSSRule\" title=\"An object implementing the CSSRule DOM interface represents a single CSS at-rule. References to a CSSRule-implementing object may be obtained by looking at a CSS style sheet's cssRules list.\"><code>CSSRule</code></a> interface with a type value of <code>4</code> (<code>CSSRule.MEDIA_RULE</code>).", "localization_tags": [], "locale": "en-US", "last_edit": "2015-11-13T07:14:43", "review_tags": []}], "modified": "2015-11-13T07:17:42", "label": "Media", "localization_tags": ["inprogress"], "url": "/zh-CN/docs/Web/API/CSSMediaRule", "last_edit": "2015-11-13T07:17:39", "summary": "The <strong><code>CSSMediaRule</code></strong> is an interface representing a single CSS <a href=\"/zh-CN/docs/Web/CSS/@media\" title=\"CSS &#x6807;&#x51C6;&#x5B9A;&#x4E49;&#x7684;&#x5A92;&#x4F53;&#x7EC4;&#x4E4B;&#x4E00;&#x3002;\"><code>@media</code></a> rule. It implements the <a href=\"/zh-CN/docs/Web/API/CSSConditionRule\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>CSSConditionRule</code></a> interface, and therefore the <a href=\"/zh-CN/docs/Web/API/CSSGroupingRule\" title=\"&#x6B64;&#x9875;&#x9762;&#x4ECD;&#x672A;&#x88AB;&#x672C;&#x5730;&#x5316;, &#x671F;&#x5F85;&#x60A8;&#x7684;&#x7FFB;&#x8BD1;!\"><code>CSSGroupingRule</code></a> and the <a href=\"/zh-CN/docs/Web/API/CSSRule\" title=\"An object implementing the CSSRule DOM interface represents a single CSS at-rule. References to a CSSRule-implementing object may be obtained by looking at a CSS style sheet's cssRules list.\"><code>CSSRule</code></a> interface with a type value of <code>4</code> (<code>CSSRule.MEDIA_RULE</code>).", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "Syntax"}, {"id": "Properties", "title": "Properties"}, {"id": "Methods", "title": "Methods"}, {"id": "Specification", "title": "Specification"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}], "id": 31023, "review_tags": []}