Acorda pra Web! - Tabela de Compatibilidade CSS

Tecnologia que vai mudar nossas vidas, depois do café.

Essa é uma tradução para português do artigo CSS - Contents and compatibility.

Conteúdo CSS e compatibilidade de navegadores

O conteúdo das minhas páginas [na verdade, do autor original] e compatibilidade com navegadores.

Seletor	Explorer 5/6 Windows	Explorer 7 beta 3	Explorer 5.2 Mac	Firefox 1.5	Safari 1.3.2	Opera 9	iCab 3.0
Seletores
* seletor Seleciona todos os elementos	Sim	Sim	Sim	Sim	Sim	Sim	Sim
* seletor Seleciona todos os elementos
> seletor Seleciona um elemento que é filho de outro	Não	Sim	Sim	Sim	Sim	Sim	Sim
> seletor Seleciona um elemento que é filho de outro	Explorer 5.0 para Windows vê a parte depois do `>` como seletor. 5.5 não o suporta.
+ seletor Seleciona um elemento que é imediatamente adjacente à outro.	Não	Sim	Sim	Não dinâmico	Não dinâmico	Sim	Sim
	Explorer 5.0 para Windows vê a parte depois do + como seletor. 5.5 não o suporta. Firefox e Safari não atualizam o elemento corretamente depois de adicionados dinamicamente.
~ seletor Seleciona um elemento que é adjacente à outro.	Não	Sim	Não	Sim	Não	Sim	Sim
~ seletor Seleciona um elemento que é adjacente à outro.	Explorer 5.0 para Windows vê a parte depois do ~ como seletor. 5.5 não o suporta.
[attr] seletor Seleciona um elemento com um determinado atributo.	Sim	Não	Não	Sim	Sim	Sim	Sim

Mais [attr] seletores Seleciona um elemento com atributo cujo valor começa, termina ou contém um determinado texto.	Não	Sim	Não	Sim	Sim	Sim	Sim

Multiplas classes Se um elemento pode ou não conter várias clases.	Bugado	Sim	Sim	Sim	Sim	Sim	Sim

Pseudo-classes
:hover e :active Um elemento está em estado hover (mouseover) ou ativo (mousedown).	Incompleto	:hover	Incompleto	Quase	Sim	Sim	Sim
	Explorer 5-6 suporta somente em links; IE 7 beta 2 não suporta `:active`. Mozilla não suporta `.test:hover` em Quirks Mode.
:before e:after Para gerar conteúdo antes e depois de um elemento.	Não	Não	Não	Sim	Sim	Sim	Sim

:focus Campos de formulário que recebem foco do usuário.	Não	Não	Quase	Sim	Sim	Sim	Sim
:focus Campos de formulário que recebem foco do usuário.	Estilos `:focus` não são adicionados quando você clica em um `label` no Explorer para Mac.
:first-child e :last-child Um elemento que é primeiro ou último elemento de seu pai.	Sim	Incompleto	Incompleto	Não Dinâmico	Não Dinâmico	Incompleto e Não Dinâmico	Incompleto
	Explorer 5 para Mac, IE7 beta 2, Opera e iCab somente suportam `:first-child`.Opera, Firefox e Safari não atualizam esses elementos quando adicionados dinamicamente.
:only-child Um elemento que é único filho de seu pai.	Não	Não	Não	Não Dinâmico	Não Dinâmico	Não	Não
:only-child Um elemento que é único filho de seu pai.	Firefox e Safari não atualizam os estilos quando elemento é atualizado dinamicamente.
:first-line e :first-letter A primeira linha ou a primeira letra de um elemento.	5.5	Sim	Sim	Sim	Erro dinâmico pequeno	Sim	Sim

:not Negação de um seletor	Não	Não	Não	Sim	Sim	Não	Não
:not Negação de um seletor
:empty Elementos vazios	Não	Não	Não	Não Dinâmico	Não Dinâmico	Não	Não
:empty Elementos vazios
:root A raiz de um elemento ou bloco inicial.	Não	Não	Sim	Sim	Sim	Não	Não
:root A raiz de um elemento ou bloco inicial.
::selection Texto selecionado pelo usuário.	Não	Não	Não	Alternative	Yes	Não	Não
::selection Texto selecionado pelo usuário.	Sintaxe especial para o Mozilla.
:target Elemento que é alvo de uma âncora. (`page.html#ancora`)	Não	Não	Não	Sim	Sim	Não	Não

Declarações
position	Incompleto	Sim	Sim	Sim	Sim	Sim	Sim
position	Explorer 6- para Windows não suporta position: fixed
display	Incompleto	Quase	Quase	Incompleto	Sim	Sim	Sim
display	Compatibilidade somente dos valores block, inline, none, inline-block, e list-item
overflow	Quase	Sim	Sim	Sim	Não Dinâmico	Sim	Sim
overflow	Explorer para Windows (exceto 7 no Strict Mode) não implementam `overflow: visible` corretamente. Safari não suporta mudanças de `overflow` pelo JavaScript para qualquer valor.
min/max-width/height	Mínimo 6.0	Sim	Não	Sim	Sim	Sim	Sim
min/max-width/height	Explorer 6 no Windows suporta `min-height` em TD’s.
cursor Muda o estilo do cursor	Sim	Sim	Sim	Sim	Quase	Sim	Sim
cursor Muda o estilo do cursor	Valores para Microsoft são diferentes da compatibilidade dos demais navegadores. Safari não suporta um dos valores.
Estilos de lista Tipos, imagens, posição	Incompleto	Incompleto	Incompleto	Sim	Quase	Sim	Sim
Estilos de lista Tipos, imagens, posição	Explorer não suporta alguns tipos, Safari não suporta um deles.
outline Um tipo de borda, mas diferente.	Não	Não	Sim	Sim	Bugado	Sim	Não
outline Um tipo de borda, mas diferente.
Declarações de Tabela `empty-cells`, `border-collapse`, `border-spacing`, `table-layout`, `caption-side`	Incompleto	Incompleto	Incompleto	Sim	Sim	Sim	Sim
	Veja página específica para descrição detalhada.
Colunas em Tabelas	Incompleto	Incompleto	Incompleto	Incompleto	Incompleto	Incompleto	Incompleto
Colunas em Tabelas	Veja página específica para descrição detalhada.
Cores de barras de rolagem	5.5	Yes	No	No	No	Incomplete	No
Cores de barras de rolagem	Extensões Microsoft. Opera as suporta somente inline, e somente quando ativadas.
opacity	Alternativa para 5.5	Alternativa	Não	Sim	Sim	Sim	Não
opacity	Sintaxe padrão e Sintaxe Microsoft.
white-space Remove formatação de texto e deixa ele como em um pre	Incompleto 6.0	Incompleto	Incompleto	Incompleto	Incompleto	Quase	Sim
	Explorer 6 para Windows somente suporta `white-space: pre` em ‘Strict Mode’. O único navegador que suporta todos os valores é o iCab.
box-sizing	Não	Não	Sim	Alternativo	Não	Sim	Não
box-sizing	Mozilla usa `-moz-box-sizing` e suporta um valor adicional. Nenhum navegador suporta `box-sizing` combinado com with `min- or max-` `width or height`
background-attachment em elementos diferentes do body	Incorreto	Menos incorreto	Quase	Quase	Quase	Quase	Quase
background-attachment em elementos diferentes do body
Clearing floats com `overflow: auto`	Sim	Sim	Sim	Sim	Sim	Sim	Sim
Clearing floats com `overflow: auto`
Declarações Experimentais Essas funcionam em somente umnavegador.
Múltiplas imagens em background Como definir várias imagens de fundo.	Não	Não	Não	Não	Sim	Não	Não

text-shadow Cria uma sombra no texto.	Não	Não	Não	Não	Sim	Não	Não
text-shadow Cria uma sombra no texto.
Colunas Divide uma caixa em várias colunas	Não	Não	Não	Yes	Não	Não	Não
Colunas Divide uma caixa em várias colunas
display e imagens Não efetuar download de imagens ocultas.	Não	Não	Não	Não	Não	Sim	Não
	Navegadores não deviam baixar arquivos de tags `img` com `display: none` até que o `display` mude.
content Para mudar o conteúdo de um elemento.	Não	Não	Não	Não	Não	Sim	Não
content Para mudar o conteúdo de um elemento.

Conteúdo CSS e compatibilidade de navegadores

Seletores

Pseudo-classes

Declarações

Declarações Experimentais