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;
}