CSS Conditional Rules

Reference

At-rules

• @document
• @media
• @supports
• @import

Specifications

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
CSS_Conditional_Rules	No	No	61 Only supports an empty url-prefix() value, which is supported due to its use in Firefox browser detection. Still supported in user stylesheets. 1.5–61	No	No	No	No	No	61 Only supports an empty url-prefix() value, which is supported due to its use in Firefox browser detection. Still supported in user stylesheets. 4–61	No	No	No
regexp	No	No	6–61	No	No	No	No	No	6–61	No	No	No

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
CSS_Conditional_Rules	28	12	22	No	12.1	9	4.4	28	22	12.1	9	1.5
font-format	No	No	106	No	No	No	No	No	106	No	No	No
font-tech	No	No	106	No	No	No	No	No	106	No	No	No
selector	83	83	69	No	69	14.1	83	83	79	No See bug 979041.	14.5	13.0

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
-moz-device-pixel-ratio	No	No	4	No	No	No	No	No	4	No	No	No
-webkit-animation	2–36	No	No	No	15–23	4	2–37	18–36	No	14–24	3.2	1.0–3.0
-webkit-device-pixel-ratio	1	12	63 Implemented as an alias for -moz-device-pixel-ratio.	No	15	3	≤37	18	63 Implemented as an alias for -moz-device-pixel-ratio.	14	1	1.0
-webkit-max-device-pixel-ratio	1	12	63 Implemented as an alias for max--moz-device-pixel-ratio.	No	15	3	≤37	18	63 Implemented as an alias for max--moz-device-pixel-ratio.	14	1	1.0
-webkit-min-device-pixel-ratio	1	12	63 Implemented as an alias for min--moz-device-pixel-ratio.	No	15	3	≤37	18	63 Implemented as an alias for min--moz-device-pixel-ratio.	14	1	1.0
-webkit-transform-2d	2–36	No	No	No	15–23	4	2–37	18–36	No	14–24	3.2	1.0–3.0
-webkit-transform-3d	2	12	49	No	15	4	4.4	18	49	14	3.2	1.0
-webkit-transition	2–36	No	No	No	15–23	4	2–37	18–36	No	14–24	3.2	1.0–3.0
CSS_Conditional_Rules	1	12	1	6	9.2	3	≤37	18	4	10.1	1	1.0
any-hover	41	16	64	No	28	9	41	41	64	28	9	5.0
any-pointer	41	12	64	No	28	9	41	41	64	28	9	4.0
aspect-ratio	3	12	3.5	9	10	5	≤37	18	4	10.1	4.2	1.0
calc	66	79	59	No	53	12	66	66	59	47	12	9.0
color	1	12	2	9	10	3	≤37	18	4	10.1	1	1.0
color-gamut	58	79	110	No	45	10	58	58	110	43	10	7.0
color-index	29	79	No	No	16	8	4.4	29	No	16	8	2.0
device-aspect-ratio	1	12	2	9	10	3	≤37	18	4	10.1	1	1.0
device-height	1	12	2	9	10	3	≤37	18	4	10.1	1	1.0
device-width	1	12	2	9	10	3	≤37	18	4	10.1	1	1.0
display-mode	42	79	47 Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.	No	29	13	42	42	47 Firefox 47 and later support display-mode values fullscreen and browser. Firefox 57 added support for minimal-ui and standalone values.	29	12.2	4.0
dynamic-range	98	98	100	No	84	13.1	98	98	100	68	13.4	18.0
forced-colors	89	79	89	No	No	No	No See bug 970285.	No See bug 970285.	89	No	No	No See bug 970285.
grid	1	12	2	10	10	3	≤37	18	4	10.1	1	1.0
height	1	12	2	9	10	3	≤37	18	4	10.1	1	1.0
hover	38 Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.	12	64	No	28	9	38 Before Chrome 41, the implementation was buggy and reported (hover: none) on non-touch-based computers with a mouse/trackpad. See bug 441613.	50	64	28	9	5.0
inverted-colors	No	No	No	No	No	9.1	No	No	No	No	10	No
media_features	1	12	1	9	9.2	3	4.4	18	4	10.1	1	1.0
media_query_values	66	79	59	No	53	No	66	66	59	47	No	9.0
monochrome	1	79	2	No	10	3	≤37	18	4	10.1	1	1.0
nested-queries	26	12	11	No	12.1	7	4.4	26	14	12.1	7	1.5
orientation	3	12	2	9	10.6	5	≤37	18	4	11	4.2	1.0
overflow-block	113	113	66	No	No	No	113	113	66	No	No	No
overflow-inline	113	113	66	No	No	No	113	113	66	No	No	No
pointer	41	12	64	No	28	9	41	50	64	28	9	5.0
prefers-color-scheme	76	79	67	No	62	12.1	76	76	67	54	13	14.2
prefers-contrast	96	96	101	No	82	14.1	96	96	101	No	14.5	17.0
prefers-reduced-data	85 See bug 1051189.	85 See bug 1051189.	No	No	71 See bug 1051189.	No	No See bug 1051189.	85 See bug 1051189.	No	No	No	No
prefers-reduced-motion	74	79	63	No	62	10.1	74	74	64	53	10.3	11.0
prefers-reduced-transparency	No	No	113	No	No	No	No	No	No	No	No	No
range_syntax	104	104	102 63 Only supports range notations where the feature name comes before any value (width > 500px)	No	90	16.4	104	104	102 63 Only supports range notations where the feature name comes before any value (width > 500px)	71	16.4	20.0
resolution	29	12	8 3.5 Supports <integer> values only.	9	1610–15	16	4.4	29	8 4 Supports <integer> values only.	1610.1–14	16	2.0
scripting	No See bug 489957.	No See bug 489957.	113	No	No	No	No See bug 489957.	No See bug 489957.	113	No	No	No See bug 489957.
update	113	113	102	No	No	No	113	113	102	No	No	No
video-dynamic-range	No	No	100	No	No	No	No	No	100	No	No	No
width	1	12	2	9	10	3	≤37	18	4	10.1	1	1.0

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
CSS_Conditional_Rules	1	12	1	5.5	3.5	1	≤37	18	4	10.1	1	1.0
layer	99	99	97	No	85	15.4	99	99	97	68	15.4	18.0

css.at-rules.import

BCD tables only load in the browser

css.at-rules.media

BCD tables only load in the browser

css.at-rules.supports

BCD tables only load in the browser

css.at-rules.document

BCD tables only load in the browser