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

Question

如果我有类似下面的代码，我希望我的链接是红色的大字体，但是它不起作用。

.footer {
  text-align: center;
}

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

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

score 3 · Accepted Answer

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

这是你的小提琴，没有那个角色。

score 1 · Accepted Answer

据我所知，你在某处有一个垃圾字符。我重写了它，它很好。

.footer
{
 text-align:center;   
}

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

score 0 · Accepted Answer

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

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

有用。然后，如果您添加 .footer（只需在“a”之前重新输入它），它仍然可以工作，但在定义“.footer a”时它不会从起点开始工作。

score 0 · Accepted Answer

试试这个：

.footer {
  text-align: center;
}

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

</p>

4 回答 4