css - 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. 我不知道我是否错过了什么。如果我这样做了，请告诉我为什么。谢谢。

score 6 · Accepted Answer

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

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

1 回答 1