Posso adicionar uma instrução IF para a folha de estilo Mozilla Firefox?

Question

Olá, estou editando um site que foi tornado compatível com o Internet Explorer, para que não funcione no Firefox.

Existe alguma maneira de adicionar uma folha de estilo Firefox ou Mozilla?

Obrigado por você ajudar Judi

<!--[if FIREFOX]>
    <link rel="stylesheet" type="text/css" href="/AEBP_Homepage_12887/css/firefox.css" />
<![endif]-->

Answer 1

Não <!--[if IE]><![endif]--> A sintaxe é específica do Internet Explorer. É uma extensão não padrão da Microsoft para CSS.

Ver Comentários condicionais para mais detalhes.

Answer 2

Você não pode fazer nada tão elegante quanto a solução irlandesa de Paul para o IE, mas pode criar um conjunto específico de definições específicas do FF usando:

@-moz-document url-prefix() { CSS BLOCK }

Antes que alguém comece a pular para cima e para baixo gritando "Isso nunca deveria ter que acontecer, a menos que você tenha feito algo errado" - isso acontece totalmente quando estamos falando de Firefox vs Chrome vs, ou seja Justificação de texto.

Você também pode experimentar o seletor de navegador CSS:

http://rafael.adm.br/css_browser_selector/

Este arquivo JS simples permite anexar coisas como .gecko e .ff3 ao seu CSS.

* Anexado - 2014 *

Quero realmente anexar isso porque, dois anos depois, a solução padrão é executar a detecção de recursos através do Modernizr.js em vez da detecção do navegador. "Firefox" é um instrumento muito contundente, com todas as versões penduradas na rede. Essa resposta ainda funciona, não é apenas a solução recomendada, a menos que você precise muito especificamente o navegador, todas as versões e nada mais.

Answer 3

Uma maneira de fazer isso, com o PHP é olhar para o agente do usuário e ver qual navegador é. Isso é o que eu uso:

Ex:

if (preg_match('/Firefox|Chrome|Opera|Safari|MSIE 8.0/', $_SERVER['HTTP_USER_AGENT'])) { 

link rel="stylesheet" href="one.css" type="text/css" media="screen"
}

else {
link rel="stylesheet" href="other.css" type="text/css" media="screen"
}

Também no preg_match Função Você deve inserir os agentes que deseja. Tenha em mente, se você não conhece PHP, que o exemplo que escrevi precisa de edição e formatação correta.

Answer 4

Não, os comentários condicionais são inteiramente uma coisa do Internet Explorer Afaik.

No entanto, você pode criar um comentário condicional que o IE irá não analisar e, portanto, é apenas para navegadores que não são de você:

<![if !IE]>
<link rel="stylesheet" type="text/css" href="/AEBP_Homepage_12887/css/firefox.css" />
<![endif]>

No entanto, isso não é válido HTML. Parece haver soluções alternativas para torná -lo válido. Confira o parágrafo "Comentário condicional revelado para baixo no nível" Artigo da Wikipedia.