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>

在特异性方面，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;
}