Css 特异性计算

Question

总的来说，当遇到下面的代码时，我对 CSS 的特殊性感到困惑。 假设我们定义了以下两个 css 文件。

在A.css文件中

 #BizIdName
{
    font-family: Arial;
    font-size: 13 px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}

在B.css文件中

A {
    font-size: 1em;//browser setting is 16px.
}

Html 如下。

<a id="BizIdName" href="#">xxxx</a>

基于CSS的特异性，A.css中的类比B.css中的类具有更高的特异性。 所以我想如果两个文件都链接在一个 Html 页面中。较高的特异性等级会覆盖较低的等级。

但我不知道为什么 font-size: 13 px; 不起作用。它以 16px 而不是 13px 显示。我不知道我是否错过了什么。如果我这样做了，请告诉我原因。谢谢。

Answer 1

问题是 13 和 px 之间的空格。删除它，然后它应该工作:

#BizIdName
{
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    color: #333;
    text-decoration: none;
}