Compare Revisions

Mozilla CSS support chart

Revision 20054:

Revision 20054 by Fredchat on

Revision 20055:

Revision 20055 by Scravy on

Title:
Mozilla CSS support chart
Mozilla CSS support chart
Slug:
Mozilla_CSS_support_chart
Mozilla_CSS_support_chart
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 20054
Revision 20055
nn37            First defined in
38          </th>
39          <th>
nn54            CSS 1
55          </td>
56          <td>
nn71            CSS 1
72          </td>
73          <td>
74            Yes
75          </td>
76          <td>
77            1.0
78          </td>
79          <td>
80            -
81          </td>
82        </tr>
83        <tr>
84          <td>
85            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#class-html">Class selectors</a>
86          </td>
87          <td>
88            CSS 1
89          </td>
90          <td>
91            Yes
92          </td>
93          <td>
94            1.0
95          </td>
96          <td>
97            -
98          </td>
99        </tr>
100        <tr>
101          <td>
102            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#id-selectors">ID selectors</a>
103          </td>
104          <td>
105            CSS 1
106          </td>
107          <td>
n79            Yesn122            CSS 2
80          </td>
81          <td>123          </td>
82            1.0
83          </td>124          <td>
125            Yes
84          <td>126          </td>
85            -
86          </td>127          <td>
87        </tr>128            1.0
88        <tr>
89          <td>129          </td>
90            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#class-html">Class selectors</a> 
91          </td>130          <td>
131            -
92          <td>132          </td>
93            Yes133        </tr>
134        <tr>
94          </td>135          <td>
136            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#descendant-combinators">Descendant combinator</a>
95          <td>137          </td>
96            1.0
97          </td>138          <td>
139            CSS 1
98          <td>140          </td>
99            -
100          </td>141          <td>
101        </tr>142            Yes
102        <tr>
103          <td>143          </td>
104            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#id-selectors">ID selectors</a> 
105          </td>144          <td>
145            1.0
106          <td>146          </td>
107            Yes
108          </td>147          <td>
148            -
109          <td>149          </td>
110            1.0150        </tr>
151        <tr>
111          </td>152          <td>
153            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#child-combinators">Child combinator</a>
112          <td>154          </td>
113            -
114          </td>155          <td>
115        </tr>156            CSS 2
116        <tr>
117          <td>157          </td>
118            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#dynamic-pseudos">Dynamic pseudo-classes</a> 
119          </td>158          <td>
159            Yes
120          <td>160          </td>
121            Yes
122          </td>161          <td>
162            1.0
123          <td>163          </td>
124            1.0
125          </td>164          <td>
165            -
126          <td>166          </td>
167        </tr>
168        <tr>
169          <td>
170            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#adjacent-sibling-combinators">Adjacent sibling combinat
 >or</a>
171          </td>
172          <td>
173            CSS 2
174          </td>
175          <td>
176            Yes
177          </td>
178          <td>
179            1.0
180          </td>
181          <td>
182            Has some dynamic issues. ({{template.Bug(229915)}})
183          </td>
184        </tr>
185        <tr>
186          <td>
187            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#general-sibling-combinators">General sibling combinator
 ></a>
188          </td>
189          <td>
190            CSS 3
191          </td>
192          <td>
193            Yes
194          </td>
195          <td>
196            1.7
197          </td>
198          <td>
199            Has some dynamic issues. ({{template.Bug(229915)}})
200          </td>
201        </tr>
202        <tr>
203          <td>
204            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#negation"><code>:not()</code> pseudo-class</a>
205          </td>
206          <td>
207            CSS 3
208          </td>
209          <td>
210            Yes
211          </td>
212          <td>
213            1.0
214          </td>
215          <td>
216            -
217          </td>
218        </tr>
219        <tr>
220          <td>
221            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#dynamic-pseudos">Dynamic pseudo-classes</a> (<code>:lin
 >k</code>, <code>:active</code>, <code>:visited</code>)
222          </td>
223          <td>
224            CSS 1
225          </td>
226          <td>
227            Yes
228          </td>
229          <td>
230            1.0
231          </td>
232          <td>
127            <code>:hover</code> and <code>:active</code> <a href=233            <code>:active</code> <a href="en/Mozilla_Quirks_Mode_
>"en/Mozilla_Quirks_Mode_Behavior">act differently</a> in <a href=>Behavior">acts differently</a> in <a href="en/Mozilla's_Quirks_Mo
>"en/Mozilla's_Quirks_Mode">quirks mode</a>.>de">quirks mode</a>.
234          </td>
235        </tr>
236        <tr>
237          <td>
238            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#dynamic-pseudos">Dynamic pseudo-classes</a> (<code>:hov
 >er</code>, <code>:focus</code>)
239          </td>
240          <td>
241            CSS 2
242          </td>
243          <td>
244            Yes
245          </td>
246          <td>
247            1.0
248          </td>
249          <td>
250            <code>:hover</code> <a href="en/Mozilla_Quirks_Mode_B
 >ehavior">acts differently</a> in <a href="en/Mozilla's_Quirks_Mod
 >e">quirks mode</a>.
nn256          </td>
257          <td>
258            CSS 3
nn276            CSS 2
277          </td>
278          <td>
nn289          <th colspan="5">
290            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#pseudo-elements">Pseudo-elements</a>
291          </th>
292        </tr>
293        <tr>
294          <td>
295            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#first-letter"><code>::first-letter</code> pseudo-elemen
 >t</a>
160          <td>296          </td>
297          <td>
298            CSS 1
299          </td>
300          <td>
301            Yes
302          </td>
303          <td>
304            1.0
305          </td>
306          <td>
307            -
308          </td>
309        </tr>
310        <tr>
311          <td>
312            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#first-line"><code>::first-line</code> pseudo-element</a
 >>
313          </td>
314          <td>
315            CSS 1
316          </td>
317          <td>
318            Yes
319          </td>
320          <td>
321            1.0
322          </td>
323          <td>
324            -
325          </td>
326        </tr>
327        <tr>
328          <td>
329            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#gen-content"><code>::before</code> and <code>::after</c
 >ode> pseudo-elements</a>
330          </td>
331          <td>
332            CSS 2
333          </td>
334          <td>
335            Yes
336          </td>
337          <td>
338            1.0
339          </td>
340          <td>
341            <code>position</code> is not supported on these pseud
 >o-elements. Also the <code>float</code>, <code>display</code> and
 > <code>overflow</code> properties have some bugs when applied to 
 >these pseudo-elements.
342          </td>
343        </tr>
344        <tr>
345          <td>
161            <a class="external" href="http://www.w3.org/TR/css3-s346            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#checked"><code>:checked</code> pseudo-class</a>>electors/#UIfragments"><code>::selection</code> pseudo-element</a
 >>
347          </td>
348          <td>
349            CSS 3
350          </td>
351          <td>
352            ?
353          </td>
354          <td>
355            ?
356          </td>
357          <td>
358            -
359          </td>
360        </tr>
361        <tr>
362          <th colspan="5">
363            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#UIstates">UI element states pseudo-classes</a>
364          </th>
365        </tr>
366        <tr>
367          <td>
368            <code>:checked</code>
369          </td>
370          <td>
371            CSS 3
nn385            <code>:enabled</code>
386          </td>
387          <td>
388            CSS 3
389          </td>
390          <td>
391            Yes
392          </td>
393          <td>
394            1.1
395          </td>
396          <td>
397            -
398          </td>
399        </tr>
400        <tr>
401          <td>
402            <code>:disabled</code>
403          </td>
404          <td>
405            CSS 3
406          </td>
407          <td>
408            Yes
409          </td>
410          <td>
411            1.1
412          </td>
413          <td>
414            -
415          </td>
416        </tr>
417        <tr>
418          <td>
419            <code>:indeterminate</code>
420          </td>
421          <td>
422            CSS 3
423          </td>
424          <td>
425            ?
426          </td>
427          <td>
428            ?
429          </td>
430          <td>
431            -
432          </td>
433        </tr>
434        <tr>
435          <th colspan="5">
436            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#structural-pseudos">Structural pseudo-classes</a>
437          </th>
438        </tr>
439        <tr>
440          <td>
nn444            CSS 3
445          </td>
446          <td>
n192            Yesn461            CSS 2
193          </td>
194          <td>462          </td>
195            1.0
196          </td>463          <td>
464            Yes
197          <td>465          </td>
198            <code>:first-child</code> is not dynamically updated.466          <td>
> ({{template.Bug(73586)}}) 
467            1.0
468          </td>
469          <td>
470            -
n206            Yesn478            CSS 3
207          </td>
208          <td>479          </td>
209            1.0
210          </td>480          <td>
481            Yes
211          <td>482          </td>
212            <code>:last-child</code> is not dynamically updated. 483          <td>
>({{template.Bug(73586)}}) 
484            1.0
485          </td>
486          <td>
487            -
nn495            CSS 3
496          </td>
497          <td>
n226            <code>:only-child</code> is not dynamically updated.n504            -
nn512            CSS 3
513          </td>
514          <td>
t245            <a class="external" href="http://www.w3.org/TR/css3-st526            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#negation"><code>:not()</code> pseudo-class</a>>electors/#nth-child-pseudo"><code>:nth-child()</code> pseudo-clas
 >s</a>
246          </td>
247          <td>527          </td>
248            Yes
249          </td>528          <td>
529            CSS 3
250          <td>530          </td>
251            1.0
252          </td>531          <td>
532            ?
253          <td>533          </td>
254            -
255          </td>534          <td>
256        </tr>535            ?
257        <tr>
258          <td>536          </td>
259            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#first-line"><code>::first-line</code> pseudo-element</a 
>> 
260          </td>537          <td>
538            -
261          <td>539          </td>
262            Yes540        </tr>
541        <tr>
263          </td>542          <td>
543            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#nth-last-child-pseudo"><code>:nth-last-child()</code></
 >a>
264          <td>544          </td>
265            1.0
266          </td>545          <td>
546            CSS 3
267          <td>547          </td>
268            ?
269          </td>548          <td>
270        </tr>549            ?
271        <tr>
272          <td>550          </td>
273            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#first-letter"><code>::first-letter</code> pseudo-elemen 
>t</a> 
274          </td>551          <td>
552            ?
275          <td>553          </td>
276            Yes
277          </td>554          <td>
555            -
278          <td>556          </td>
279            1.0557        </tr>
558        <tr>
280          </td>559          <td>
560            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#nth-of-type-pseudo"><code>:nth-of-type()</code> pseudo-
 >class</a>
281          <td>561          </td>
282            ?
283          </td>562          <td>
284        </tr>563            CSS 3
285        <tr>
286          <td>564          </td>
287            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#gen-content"><code>::before</code> and <code>::after</c 
>ode> pseudo-elements</a> 
288          </td>565          <td>
566            ?
289          <td>567          </td>
290            Yes
291          </td>568          <td>
569            ?
292          <td>570          </td>
293            1.0
294          </td>571          <td>
572            -
295          <td>573          </td>
296            <code>position</code> is not supported on these pseud574        </tr>
>o-elements. Also the <code>float</code>, <code>display</code> and 
> <code>overflow</code> properties have some bugs when applied to  
>these pseudo-elements. 
575        <tr>
297          </td>576          <td>
298        </tr>577            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#nth-last-of-type-pseudo"><code>:nth-last-of-type()</cod
 >e></a>
299        <tr>
300          <td>578          </td>
301            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#descendant-combinators">Descendant combinator</a> 
302          </td>579          <td>
580            CSS 3
303          <td>581          </td>
304            Yes
305          </td>582          <td>
583            ?
306          <td>584          </td>
307            1.0
308          </td>585          <td>
586            ?
309          <td>587          </td>
310            -
311          </td>588          <td>
312        </tr>589            -
313        <tr>
314          <td>590          </td>
315            <a class="external" href="http://www.w3.org/TR/css3-s591        </tr>
>electors/#child-combinators">Child combinator</a> 
592        <tr>
316          </td>593          <td>
594            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#first-of-type-pseudo"><code>:first-of-type pseudo-class
 ></code></a>
317          <td>595          </td>
318            Yes
319          </td>596          <td>
597            CSS 3
320          <td>598          </td>
321            1.0
322          </td>599          <td>
600            ?
323          <td>601          </td>
324            -
325          </td>602          <td>
326        </tr>603            ?
327        <tr>
328          <td>604          </td>
329            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#adjacent-sibling-combinators">Adjacent sibling combinat 
>or</a> 
330          </td>605          <td>
606            -
331          <td>607          </td>
332            Yes608        </tr>
609        <tr>
333          </td>610          <td>
611            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#last-of-type-pseudo"><code>:last-of-type pseudo-class</
 >code></a>
334          <td>612          </td>
335            1.0
336          </td>613          <td>
614            CSS 3
337          <td>615          </td>
338            Has some dynamic issues. ({{template.Bug(229915)}})
339          </td>616          <td>
340        </tr>617            ?
341        <tr>
342          <td>618          </td>
343            <a class="external" href="http://www.w3.org/TR/css3-s
>electors/#general-sibling-combinators">General sibling combinator 
></a> 
344          </td>619          <td>
620            ?
345          <td>621          </td>
346            Yes
347          </td>622          <td>
623            -
348          <td>624          </td>
349            1.7625        </tr>
626        <tr>
350          </td>627          <td>
628            <a class="external" href="http://www.w3.org/TR/css3-s
 >electors/#only-of-type-pseudo"><code>:only-of-type pseudo-class</
 >code></a>
351          <td>629          </td>
352            Has some dynamic issues. ({{template.Bug(229915)}})630          <td>
631            CSS 3
632          </td>
633          <td>
634            ?
635          </td>
636          <td>
637            ?
638          </td>
639          <td>
640            -

Back to History