: não () discrepância seletora entre Safari, Chrome e Firefox

navegadores geralmente implementam recursos com capacidades variadas, levando a renderizar discrepâncias. O seletor CSS: não () é um desses casos, onde exibe comportamentos diferentes no Safari, Chrome e Firefox. Neste exemplo:

em: não (div) { Cor: vermelho } em: não (p div) { Cor: azul } Safari renderiza o texto em azul, enquanto o Chrome e o Firefox usam Red.

em:not(div) {
    color: red
}
em:not(p div) {
    color: blue
}

A causa raiz é a recente implementação do Safari do nível 4: não () seletor, que permite seletores complexos. Chrome e Firefox, por outro lado, suportam apenas argumentos de nível único na versão atual de: não (). Neste caso, "P div" é um seletor complexo que consiste em dois seletores de compostos ("p" e "div") separados pelo combinador descendente. aninhado dentro de um elemento "p". Até então, os desenvolvedores devem estar cientes de possíveis discrepâncias ao usar: não () seletores com vários níveis nesses navegadores.