CSSMediaRule
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itโs been available across browsers since โจ2015ๅนด7ๆโฉ.
CSSMediaRule ใฏใๅไธใฎ CSS ใฎ @media ใซใผใซใ่กจใใคใณใฟใผใใงใคในใงใใ
ใใญใใใฃ
็ฅๅ
ใงใใ CSSConditionRuleใCSSGroupingRuleใCSSRule ใใ็ถๆฟใใใใญใใใฃใใใใพใใ
CSSMediaRule.media่ชญๅๅฐ็จ-
ในใฟใคใซๆ ๅ ฑใฎๅบๅๅ ใกใใฃใขใ่กจใ
MediaListใ่ฟใใพใใ
ใกใฝใใ
ๅบๆใฎใกใฝใใใฏใใใพใใใ็ฅๅ
ใงใใ CSSConditionRuleใCSSGroupingRuleใCSSRule ใใ็ถๆฟใใใกใฝใใใใใใพใใ
ไพ
ใใฎ CSS ใซใฏใๅไธใฎในใฟใคใซใซใผใซใๆใคใกใใฃใขใฏใจใชใผใๅซใพใใฆใใพใใใใใฏ document.styleSheets[0].cssRules ใ่ฟใๆๅใฎ CSSRule ใซใชใใพใใ
ใใใใฃใฆใ myRules[0] ใฏ CSSMediaRule ใชใใธใงใฏใใ่ฟใใพใใ
@media (min-width: 500px) {
body {
color: blue;
}
}
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSMediaRule representing the media query.
ไปๆงๆธ
| Specification |
|---|
| CSS Conditional Rules Module Level 3 # the-cssmediarule-interface |
ใใฉใฆใถใผใฎไบๆๆง
Loadingโฆ