フォントサイズがOperaやChromeでは動作しませんが、Firefoxで動作します。その他のパラメータは正常に動作しています

Question

フォントサイズはOperaやChromeでは動作しませんが、Firefoxでは動作します。枠線、余白、アニメーション、サイズ、フォントファミリは使用できますが、フォントサイズは使用できません。

入れ子になったスパンでは、ul-liナビゲーションが複雑です。私は内部のフォントサイズを設定することができません<a>。 html - 16pxを除いて、まだ他の部分/要素にフォントを設定していません。私はremとpxユニットを試しましたが、OperaとChromeではworkignはありません。深いネストされた要素のフォントサイズを設定する特別な方法はありますか？なぜ他のルールが機能しているのですか？私はli項目の子どもたちにフォントを置くしようとした場合

<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; 
} 

、それはまた、動作しません。枠線、余白、アニメーション、サイズ、フォントファミリは使用できますが、フォントサイズは使用できません。

Answer 1

あなたはそれが動作するはず

<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; 
} 

から

<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; 
} 

するために、別のフォント

変更にそれを変更するには、フォントのサイズやfont-familyを変更したい場合は、font-sizeを使用する必要があります

Answer 2

理由があるようです他のフォントルールの 最後に、 "line-height"ルールはOperaとChromeブラウザでfont-sizeを動作させないことを確認します。 私は複雑な構造が問題に関連していないことを意味します。

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; 
}