CSS优先级计算

Question

3

大家好，当我遇到以下代码时，我感到困惑了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特异性（specificity）规则，A.css 中的类比 B.css 中的类具有更高的特异性。

因此，如果两个文件都链接到同一个HTML页面中，特异性更高的类将覆盖特异性较低的类。

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

- Joe.wang

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- bwoebi · Accepted Answer

6

问题在于13和px之间的空格。删除它，它就能正常工作：

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

- bwoebi

除了“哈哈”之外，我没有什么可说的。 - Joe.wang

1

@Joe.wang，空格对于可读性总是有好处的，但在语法禁止使用空格的地方不要使用它们 :-P - bwoebi

感谢那些为我点赞的人。看来我找到了在 Stack Overflow 获得积分的简单方法。 - Joe.wang

@Joe.wang 你是在要声望值，还是在要解决方案？ - Mr. Alien

@Joe.wang 如果这个答案解决了你的问题，请考虑给它点赞并接受它，方法是点击答案分数下面的大绿色勾号（✔）。 - bwoebi

显示剩余2条评论