2016-12-02 64 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选择器。