comment faire un css « si l'opéra, pas ... »

Question

Je veux faire une règle css, ce qui affecte tous, mais le navigateur Opera, tous les autres navigateur ajouter une règle css:

#content{left:1px;}, (opéra sans cette règle). le code ci-dessous n'a pas fonctionné ...

<!--[if !OPERA]> 
<style type="text/css"> 
#content{left:1px;} 
</style> 
<![endif]--> 

Answer 1

vous pouvez utiliser la propriété que vous voulez pour un sélecteur comme #content{left:1px;} puis ajoutez un hack css pour l'opéra fournissant la valeur par défaut (ou la valeur que vous voulez) . Le hack css a la syntaxe suivante: @media all and (min-width:0px) {head~body .selector {property:value;}} un exemple de la syntaxe précédente et votre exemple pourrait être: @media all and (min-width:0px) {head~body #content {left:0px;}}

Answer 2

Les commentaires conditionnels sont reconnus par IE uniquement. Si vous avez besoin CSS spécifique à l'Opéra, vous devez activer:

if (window.opera) { 
    document.getElementById('foo').style.height = '100px'; 
}