Font-size ne fonctionne pas sur Opera et Chrome, mais fonctionne sur Firefox, d'autres paramètres fonctionnent

Question

Font-size ne fonctionne pas sur Opera et Chrome, mais fonctionne sur Firefox. Travaille les bordures, les marges, les animations, les tailles, la famille de polices, mais pas la taille des polices.

J'ai une navigation ul-li compliquée dans les travées imbriquées. Je ne suis pas en mesure de définir la taille de la police à l'intérieur <a>. Je n'ai pas encore défini les polices sur d'autres parties/éléments, à l'exception du html - 16px. J'ai essayé les unités de rem et de px, aucun n'est workign dans Opera et Chrome. Existe-t-il un moyen spécial de définir la taille des polices pour les éléments imbriqués en profondeur? Pourquoi d'autres règles fonctionnent?

<div> <span>..12 spans... <span> 
    <a class='a.aBtn' ><span class='navDecr' ></span></a> 
    ...other 12 <a> tags ... 
    <ul> <li></li> ...12 li ... </ul> 
</span> ... 12 closing spans </div> 

//the same error a.aBtn span.navDescr {} 

a span.navDescr { 
    font : 2rem, "Open Sans", sans-serif !important; //this is stroked through 
    text-align: right; 
    text-align-last:left; 
    font-weight:normal; 
    font-variant: normal; 
    font-style:normal; 
    line-height : 1.5; //will be multiplied with font_size 
    font-stretch: normal; 
    font-size-adjust:1; 
} 

Si je tente de mettre la police sur li les enfants des objets, il ne fonctionne pas aussi. Travaille les bordures, les marges, les animations, les tailles, la famille de polices, mais pas la taille des polices.

Answer 1

Vous devez utiliser font-size si vous voulez changer la taille d'une police et font-family de changer à une autre police

Changement de

<a class='a.aBtn' ><span class='navDecr' >Test</span></a> 

a span.navDescr { 
    font : 2rem, "Open Sans", sans-serif !important; //this is stroked through 
    text-align: right; 
    text-align-last:left; 
    font-weight:normal; 
    font-variant: normal; 
    font-style:normal; 
    line-height : 1.5; //will be multiplied with font_size 
    font-stretch: normal; 
    font-size-adjust:1; 
} 

Pour

<a class='aBtn' ><span class='navDecr' >Test</span></a> 

.aBtn span { 
    font-size : 2rem; 
    font-family: "Open Sans", sans-serif !important; //this is stroked through 
    text-align: right; 
    text-align-last:left; 
    font-weight:normal; 
    font-variant: normal; 
    font-style:normal; 
    line-height : 1.5; //will be multiplied with font_size 
    font-stretch: normal; 
    font-size-adjust:1; 
} 

Il devrait fonctionner

Answer 2

Semble la raison est dans certains d'autres règles de police. Enfin, découvrez que les règles "line-height" font que la taille des polices ne fonctionne pas dans les navigateurs Opera et Chrome. Je veux dire que la structure compliquée n'est pas liée au problème.

a.aBtn span.navDescr, a.aBtn span.navDescr p { 
    font-family : "Open Sans", sans-serif !important; 
    font-size : $aBtnFontSize !important; 
    text-align: right; 
    text-align-last:left; 
    font-weight:normal; 
    font-variant: normal; 
    font-style:normal; 
    //font_size : 3rem !important; 
    // line-height : 1.5; //opera ignores : MAKES THIS ERROR 
    font-stretch: normal; 
    font-size-adjust:1; 
}