You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Issue Tracking: Disposition of Comments https://drafts.csswg.org/css-cascade/issues
19
19
Abstract: This CSS module describes how to collate style rules and assign values to all properties on all elements. By way of cascading and inheritance, values are propagated for all properties on all elements.
20
20
Ignored Terms: auto, flex items
21
+
Include Can I Use Panels: yes
21
22
</pre>
22
23
23
24
<pre class=link-defaults>
@@ -115,17 +116,15 @@ Importing Style Sheets: the ''@import'' rule</h2>
115
116
</pre>
116
117
</div>
117
118
119
+
<h3 id=conditional-import>
120
+
Conditional ''@import'' Rules</h3>
121
+
118
122
The <a>import conditions</a> allow the import to be media-dependent.
119
123
In the absence of any <a>import conditions</a>, the import is unconditional.
120
124
(Specifying ''@media/all'' for the <<media-query-list>> has the same effect.)
121
-
122
-
The evaluation and full syntax of the expressions after the URL
123
-
is defined by the <a href="https://www.w3.org/TR/css3-mediaqueries/">Media Queries</a> specification [[!MEDIAQ]].
124
-
If the media query does not match,
125
+
If the <a>import conditions</a> do not match,
125
126
the rules in the imported stylesheet do not apply,
126
127
exactly as if the imported stylesheet were wrapped in an ''@media'' block with the given media query.
127
-
User agents may therefore avoid fetching a media-dependent import
128
-
as long as the media query does not match.
129
128
130
129
<div class=example>
131
130
The following rules illustrate how ''@import'' rules can be made media-dependent:
@@ -137,6 +136,12 @@ Importing Style Sheets: the ''@import'' rule</h2>
137
136
</pre>
138
137
</div>
139
138
139
+
User agents may therefore avoid fetching a media-dependent import
140
+
as long as the media query does not match.
141
+
142
+
The evaluation and full syntax of the <a>import conditions</a>
143
+
is defined by the <a href="https://www.w3.org/TR/css3-mediaqueries/">Media Queries</a> specification [[!MEDIAQ]].
144
+
140
145
When the same style sheet is imported or linked to a document in multiple places,
141
146
user agents must process (or act as though they do) each link
142
147
as though the link were to an independent style sheet.
@@ -246,7 +251,7 @@ Shorthand Properties</h2>
246
251
is equivalent to declaring all of its <a>sub-properties</a> to be ''!important''.
247
252
248
253
249
-
<h3 id="all-shorthand">
254
+
<h3 id="all-shorthand" caniuse="css-all">
250
255
Resetting All Properties: the 'all' property</h3>
251
256
252
257
<pre class="propdef shorthand">
@@ -702,7 +707,7 @@ Cascading</h2>
702
707
<h3 id='cascading-origins'>
703
708
Cascading Origins</h3>
704
709
705
-
Each style rule has a <dfn id=origin local-lt=origin export>cascade origin</dfn>,
710
+
Each style rule has a <dfn id=origin export local-lt=origin>cascade origin</dfn>,
706
711
which determines where it enters the cascade.
707
712
CSS defines three core <a>origins</a>:
708
713
@@ -900,18 +905,19 @@ Explicit Defaulting</h3>
900
905
<h4 id="initial">
901
906
Resetting a Property: the ''initial'' keyword</h4>
902
907
903
-
If the <a>cascaded value</a> is the <dfn for=all>''initial''</dfn> keyword,
908
+
If the <a>cascaded value</a>of a property is the <dfn for=all caniuse="css-initial-value">''initial''</dfn> keyword,
904
909
the property's <a>specified value</a> is its <a>initial value</a>.
905
910
906
911
<h4 id="inherit">
907
912
Explicit Inheritance: the ''inherit'' keyword</h4>
908
913
909
914
If the <a>cascaded value</a> of a property is the <dfn for=all>''inherit''</dfn> keyword,
910
915
the property's <a lt="specified value">specified</a> and <a>computed values</a> are the <a>inherited value</a>.
916
+
911
917
<h4 id="inherit-initial">
912
918
Erasing All Declarations: the ''unset'' keyword</h4>
913
919
914
-
If the <a>cascaded value</a> of a property is the <dfn for=all>''unset''</dfn> keyword,
920
+
If the <a>cascaded value</a> of a property is the <dfn for=all caniuse="css-unset-value">''unset''</dfn> keyword,
915
921
then if it is an inherited property, this is treated as ''inherit'',
916
922
and if it is not, this is treated as ''initial''.
917
923
This keyword effectively erases all <a>declared values</a> occurring earlier in the <a>cascade</a>,
@@ -1033,7 +1039,7 @@ Additions Since Level 2</h3>
1033
1039
<li>Incorporation of animations and transitions into the <a>cascade</a>.
0 commit comments