为什么这个嵌套的CSS代码不起作用？

如果我有类似下面的代码，我希望我的链接是用大字体的红色，但它不起作用。为什么这个嵌套的CSS代码不起作用？

.footer { 
    text-align: center; 
} 

.footer a { 
    color: red; 
    font-size: 32px; 
}

我不明白。我不擅长css，但为什么这段代码不起作用？

2013-01-03 sed

.footer a规则前面有一些奇怪的字符。尝试将代码复制到jsbin.com，您会看到它标有红点。从jsfiddle复制时，发生这种情况非常多。如果炭被移除，一切都很好。

Here是你的小提琴，没有那个性格。

2013-01-03 18:21:16 Yoshi

啊哈，好，谢谢。猜猜我使用的插件是废话。 – sed

我想说，这是一个jsfiddle问题。如果您从jsfiddle复制，则始终会发生。 – Yoshi

它被称为[Byte Order Mark]（http://en.wikipedia.org/wiki/Byte_order_mark）（这是它的URL编码时间：％EF％BB％BF） –

据我可以告诉你有垃圾字符的地方。我重写了它，它很好。

.footer 
{ 
text-align:center; 
} 

.footer a 
{ 
color:red; 
font-size:32px;  
}

2013-01-03 18:22:03 PhonicUK

是的，我认为这是我通过不同的途径发现的。 –

我认为这是一个的jsfiddle错误。如果你只是定义：

a { 
    color: red; 
    font-size: 32px; 
}

它的工作原理。然后，如果添加.footer（只需在“a”之前键入），它仍然可以工作，但在定义“.footer a”时从起点开始不起作用。

2013-01-03 18:22:59

试试这个：

.footer { 
    text-align: center; 
} 

.footer a:link, a:active { 
    color: red; 
    font-size: 120px; 
}

2013-01-03 18:25:26

回答