CSSフォントサイズクラスが機能しない

Question

これはおそらく非常に厄介なものです。しかし、それはしばらく私を悩ませている。

以下の例では、フォントサイズがテキストに適用されないのはなぜですか？

.1px { 
 
    font-size: 1px; 
 
} 
 
.100px { 
 
    font-size: 100px; 
 
}

<p class="1px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

いいえ、私は、ブートストラップ、ましてやフォントサイズを上書きする任意のプラグインを使用していませんよ。

編集：返信いただきありがとうございます。私はそれが恥ずかしいと言いました。

Answer 1

桁で始まるクラス名は、CSS属性セレクタを使用してターゲティングできます。

例：数字でクラス名を開始することに加えて

[class="12px"] { font-size: 12px; } 
 
[class="100px"] {font-size: 100px; }

<p class="12px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

Answer 2

数字の先頭ではないクラスとして1px、2px --- 100pxの代わりにこれを使用します。

<style> 
    .one{ 
     font-size: 1px; 
    } 
    --- 
    --- 
    ---- 
    .hundred { 
     font-size: 100px; 
    } 
    </style> 

    <p class="one"> Hello, world. </p> 
    <p class="hundred"> Hello, world. </p> 

Answer 3

、一部のブラウザは、ユーザによってその後制御可能な最小フォントサイズを課します。

Answer 4

数字で始まるCSSクラスセレクタおよびIDセレクタは無効です。

Characters and case

しかし、それでもまだ、あなたはこのアラウンドを動作することができます。

/* or unicode selector */ 
.\31 00px { 
    font-size: 100px; 
} 

/* attribute selector */ 
 
[class="12px"] { 
 
    font-size: 12px; 
 
} 
 

 
/* or unicode selector */ 
 
.\31 00px { 
 
    font-size: 100px; 
 
}

<p class="12px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

注：

その他

/* attribute selector */ 
[class="12px"] { 
    font-size: 12px; 
} 

はunicodeセレクタです：属性セレクタのルートを行く場合は、この最初のattributeセレクタで達成するには2つの方法がありますIE7までしか動作しないことに注意してください。それよりも古いブラウザをサポートする必要があるなら、あなたは私の同情を持っている（あなたはまだUnicodeセレクタを使うことができる）。