Quando os navegadores começaram a oferecer suporte a múltiplas classes por tag?
Pergunta
Você pode usar mais de uma classe css em uma tag HTML nos navegadores atuais, por exemplo:
<div class="style1 style2 style3">foo bar</div>
Isso nem sempre funcionou;com quais versões os principais navegadores começaram a suportar corretamente esse recurso?
Solução
@Wayne Kao - O IE6 não tem problemas em ler mais de um nome de classe em um elemento e em aplicar estilos que pertencem a cada classe.O artigo se refere à criação de novos estilos baseados na combinação de nomes de classes.
<div class="bold italic">content</div>
.bold {
font-weight: 800;
}
.italic {
font-style: italic;
{
O IE6 aplicaria os estilos negrito e itálico ao div.No entanto, digamos que desejamos que todos os elementos que possuem classes em negrito e itálico também sejam roxos.No Firefox (ou possivelmente no IE7, não tenho certeza), poderíamos escrever algo assim:
.bold.italic {
color: purple;
}
Isso não funcionaria no IE6.
Outras dicas
Acredito que o Firefox sempre apoiou isso, pelo menos desde a versão 1.5.O IE adicionou suporte completo apenas na v7.O IE6 suporta parcialmente, mas tem muitos bugs, então não conte com ele funcionando corretamente.
De acordo com mirtilo, IE4 e Netscape 4.x não suportam isso. Especificação HTML 4.0 diz
classe = lista-cdata [CS]
Este atributo atribui um nome de classe ou conjunto de nomes de classe a um elemento.Qualquer número de elementos pode receber o mesmo nome ou nomes da classe.Vários nomes de classe devem ser separados por caracteres do espaço em branco.
Aparentemente, o IE 6 não lida com isso corretamente se você tiver seletores CSS que contenham vários nomes de classes:http://www.ryanbrill.com/archives/multiple-classes-in-ie/