108
108
109
109
110
110
< h1 > CSS Cascading and Inheritance Level 3 Implementation Report</ h1 >
111
- < p class ="annotation "> Last updated < time > 2020-08-17 </ time >
111
+ < p class ="annotation "> Last updated < time > 2020-08-25 </ time >
112
112
113
113
< p > The following new features were added in Level 3:
114
114
@@ -164,10 +164,10 @@ <h1>CSS Cascading and Inheritance Level 3 Implementation Report</h1>
164
164
< tbody >
165
165
< tr >
166
166
< th > < a href ="#mq-import "> Media Queries + @import</ a >
167
- < td >
168
- < td >
169
- < td >
170
- < td >
167
+ < td > ○
168
+ < td > ○
169
+ < td > ○
170
+ < td > ○
171
171
< tr >
172
172
< th > < a href ="#animations "> Animations + Cascade</ a >
173
173
< td > ○
@@ -185,6 +185,8 @@ <h1>CSS Cascading and Inheritance Level 3 Implementation Report</h1>
185
185
< h2 id =details >
186
186
Detailed Testing</ h2 >
187
187
188
+ < p > Tables below include Gecko, Blink, and WebKit results for Level 3 features.
189
+
188
190
< table class =data >
189
191
< thead >
190
192
< tr >
@@ -197,30 +199,30 @@ <h2 id=details>
197
199
< tr > < th scope =rowgroup colspan =4 >
198
200
< a href ="https://www.w3.org/TR/css-cascade-3/#all-shorthand "> < code > all</ code > Shorthand</ a > </ h3 >
199
201
< tr >
200
- < th > < code > all</ code > does not set < code > direction</ code >
202
+ < th > < code > all</ code > does not set < code > direction</ code > or < code > unicode-bidi </ code >
201
203
< td > ○
202
204
< td > < a href ="https://wpt.fyi/results/css/css-cascade/all-prop-001.html "> 3/3 Pass</ a >
203
- < td > < a href ="https://wpt.live/css/css-cascade/all-prop-001.html "> Run </ a >
205
+ < td > < a href ="https://wpt.live/css/css-cascade/all-prop-001.html "> Test </ a >
204
206
< tr >
205
207
< th > < code > all</ code > does set < code > display</ code >
206
208
< td > ○
207
209
< td > < a href ="https://wpt.fyi/results/css/css-cascade/all-prop-002.html "> 3/3 Pass</ a >
208
- < td > < a href ="https://wpt.live/css/css-cascade/all-prop-002.html "> Run </ a >
210
+ < td > < a href ="https://wpt.live/css/css-cascade/all-prop-002.html "> Test </ a >
209
211
< tr >
210
212
< th > < code > all: inherit</ code > is overridden by subsequent declarations
211
213
< td > ○
212
214
< td > < a href ="https://wpt.fyi/results/css/css-cascade/all-prop-inherit-color.html "> 3/3 Pass</ a >
213
- < td > < a href ="https://wpt.live/css/css-cascade/all-prop-inherit-color.html "> Run </ a >
215
+ < td > < a href ="https://wpt.live/css/css-cascade/all-prop-inherit-color.html "> Test </ a >
214
216
< tr >
215
217
< th > < code > all: initial</ code > is overridden by subsequent declarations
216
218
< td > ○
217
219
< td > < a href ="https://wpt.fyi/results/css/css-cascade/all-prop-initial-color.html "> 3/3 Pass</ a >
218
- < td > < a href ="https://wpt.live/css/css-cascade/all-prop-initial-color.html "> Run </ a >
220
+ < td > < a href ="https://wpt.live/css/css-cascade/all-prop-initial-color.html "> Test </ a >
219
221
< tr >
220
222
< th > < code > all: unset</ code > is overridden by subsequent declarations
221
223
< td > ○
222
224
< td > < a href ="https://wpt.fyi/results/css/css-cascade/all-prop-unset-color.html "> 3/3 Pass</ a > </ a >
223
- < td > < a href ="https://wpt.live/css/css-cascade/all-prop-unset-color.html "> Run </ a >
225
+ < td > < a href ="https://wpt.live/css/css-cascade/all-prop-unset-color.html "> Test </ a >
224
226
225
227
< tbody id =initial >
226
228
< tr > < th colspan =4 scope =rowgroup >
@@ -229,7 +231,7 @@ <h2 id=details>
229
231
< th > < code > initial</ code > sets inherited and uninherited properties to their initial value
230
232
< td > ○
231
233
< td > < a href ="https://wpt.fyi/results/css/css-cascade/initial-color-background-001.html "> 3/3 Pass</ a >
232
- < td > < a href ="https://wpt.live/css/css-cascade/initial-color-background-001.html "> Run </ a >
234
+ < td > < a href ="https://wpt.live/css/css-cascade/initial-color-background-001.html "> Test </ a >
233
235
234
236
< tbody id =unset >
235
237
< tr > < th colspan =4 scope =rowgroup >
@@ -239,39 +241,63 @@ <h2 id=details>
239
241
and uninherited properties to their initial value
240
242
< td > ○
241
243
< td > < a href ="https://wpt.fyi/results/css/css-cascade/unset-val-001.html "> 3/3 Pass</ a >
242
- < td > < a href ="https://wpt.live/css/css-cascade/unset-val-001.html "> Run </ a >
244
+ < td > < a href ="https://wpt.live/css/css-cascade/unset-val-001.html "> Test </ a >
243
245
< tr >
244
246
< th > < code > unset</ code > sets uninherited properties to their initial value
245
247
despite UA style sheet declarations to the contrary
246
248
< td > ○
247
249
< td > < a href ="https://wpt.fyi/results/css/css-cascade/unset-val-002.html "> 3/3 Pass</ a >
248
- < td > < a href ="https://wpt.live/css/css-cascade/unset-val-002.html "> Run </ a >
250
+ < td > < a href ="https://wpt.live/css/css-cascade/unset-val-002.html "> Test </ a >
249
251
250
252
< tbody id =mq-import >
251
253
< tr > < th colspan =4 scope =rowgroup >
252
254
< a href ="https://www.w3.org/TR/css3-mediaqueries/ "> Media Queries</ a > + < a href ="https://www.w3.org/TR/css-cascade-3/#at-import "> @import</ a > Integration</ h3 >
255
+ < tr >
256
+ < th > < code > @import</ code > rules with simple < a href ="https://www.w3.org/TR/css3-mediaqueries/ "> media queries</ a > are supported</ a >
257
+ < td > ○
258
+ < td > < a href ="https://wpt.fyi/results/css/css-cascade/import-conditional-001.html "> 3/3 Pass</ a >
259
+ < td > < a href ="https://wpt.live/css/css-cascade/import-conditional-001.html "> Test</ a >
253
260
254
261
< tbody id =animations >
255
262
< tr > < th colspan =4 scope =rowgroup >
256
263
< a href ="https://www.w3.org/TR/css-animations-1/ "> Animations</ a > + < a href ="https://www.w3.org/TR/css-cascade-3/#cascading "> Cascade</ a > Integration</ h3 >
257
264
< tr >
258
- < th > Author < code > !important</ code > overrides animation</ a >
265
+ < th > Author non-< code > !important</ code > is overridden by animation
266
+ < td > ○
267
+ < td > < a href ="https://wpt.fyi/results/css/css-cascade/important-prop.html "> 3/3 Pass</ a >
268
+ < td > < a href ="https://wpt.live/css/css-cascade/important-prop.html "> Test</ a >
269
+ < tr >
270
+ < th > Author < code > !important</ code > overrides animation
259
271
< td > △
260
272
< td > < a href ="https://wpt.fyi/results/css/css-cascade/important-prop.html "> 2/3 Pass</ a >
261
- < td > < a href ="https://wpt.live/css/css-cascade/important-prop.html "> Run</ a >
262
- < tbody id =transitions >
273
+ < td > < a href ="https://wpt.live/css/css-cascade/important-prop.html "> Test</ a >
274
+ < tr >
275
+ < th > < code > !important</ code > is invalid in < code > @keyframes</ code >
276
+ < td > ○
277
+ < td > < a href ="https://wpt.fyi/results/css/css-cascade/important-prop.html "> 3/3 Pass</ a >
278
+ < td > < a href ="https://wpt.live/css/css-cascade/important-prop.html "> Test</ a >
279
+
280
+ < tbody id =transitions >
263
281
< tr > < th colspan =4 scope =rowgroup >
264
282
< a href ="https://www.w3.org/TR/css-transitions-1/ "> Transitions</ a > + < a href ="https://www.w3.org/TR/css-cascade-3/#cascading "> Cascade</ a > Integration</ h3 >
265
-
266
- < tr > < td colspan =4 >
267
- < aside > Essentially untestable, except insofar as transitions work at all.</ aside >
283
+ < tr >
284
+ < th > Transitions work across importance levels
285
+ < td > ○
286
+ < td > 3/3 Pass
287
+ < td > < a href ="https://wpt.live/css/css-cascade/important-transition-manual.html "> Test</ a >
268
288
</ table >
269
289
270
- < h2 id =missing >
271
- Missing Tests</ h2 >
290
+ < h2 id =untested >
291
+ Untested</ h2 >
292
+
293
+ < p > The following test could be written in theory, but would require special configuration of the user agent:
294
+ < ul >
295
+ < li > Transitions work across < code > !important</ code > levels of user and user-agent origins.
296
+ </ ul >
272
297
298
+ < p > The following tests could be written in theory, but correct behavior is implied
299
+ by passing the < a href ="http://wpt.live/css/CSS2/cascade/ "> CSS2 user-stylesheet tests</ a > together with the Level 3 tests:
273
300
< ul >
274
- < li > Media queries + @import
275
- < li > Animation overrides author styles
276
- < li > all shorthand vs. unicode-bidi
301
+ < li > User and user-agent non-< code > !important</ code > are overridden by animations
302
+ < li > User and user-agent < code > !important</ code > overrides animations
277
303
</ ul >
0 commit comments