Quando os navegadores começaram a oferecer suporte a múltiplas classes por tag?

StackOverflow https://stackoverflow.com/questions/61051

  •  09-06-2019
  •  | 
  •  

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?

Foi útil?

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/

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top