2016-12-02 75 views
1

這可能是非常令人不安的事情;然而它一直在困擾着我。CSS字體大小類別不工作

在下面的例子中,爲什麼字體大小不適用於文本?

.1px { 
 
    font-size: 1px; 
 
} 
 
.100px { 
 
    font-size: 100px; 
 
}
<p class="1px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

不,我沒有使用引導,更談不上任何插件覆蓋字體大小。

編輯:謝謝你的回覆,我打電話給它會感到尷尬。

+0

歡迎來到Stack Overflow!你可以先參加[遊覽]並學習[問]一個很好的問題,然後創建一個[mcve]。這使我們更容易幫助你。 – Katie

+0

嘗試使字體大小!!重要或發佈一些代碼,以便我們可以找到問題,如果不起作用 – 2016-12-02 13:40:07

回答

2

您可以通過使用css屬性選擇器來定位以數字開頭的類名。

實施例:

[class="12px"] { font-size: 12px; } 
 
[class="100px"] {font-size: 100px; }
<p class="12px"> Hello, world. </p> 
 
<p class="100px"> Hello, world. </p>

0

使用此代替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> 
0

除了以數字啓動類名,一些瀏覽器處以最小字體大小,然後由用戶控制的。

0

CSS類選擇器和以數字開頭的ID選擇器無效。

但你仍然可以工作,解決這個問題。還有就是要實現這一目標前兩種方式attribute選擇:

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

其他是unicode選擇:

/* 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>

注意:如果要在屬性選擇路線,請注意,它只適用於IE7。如果你需要支持比以前更老的瀏覽器,那麼你可以使用unicode選擇器。