设计架构文本时遇到问题

Question

Link to site有问题。

在页脚中，在版权声明的正上方，我有一小块Schema微数据。公司名称，地址，电话号码。我希望写下该文本，与其下面的版权声明相匹配。

我试过这样做：

<div class="schema_footer"> Schema block here</div>

在我的css文件中：

 .schema_footer {color: #ffffff;}

为什么这不起作用？

Answer 1

试试这个，HTML比您提供的示例更复杂，如屏幕截图所示。除非您的CSS至少是特定的，否则可能还有更多特定的CSS无法覆盖：

.footer .schema_footer div,
.footer .schema_footer span
{
    color: #fff;
}

这不是一个好习惯，但您也可以添加重要规则color: #fff !important;来尝试覆盖之前已设置的样式。

Answer 2

这是因为有更多特定的规则会覆盖.schema_footer中明确的规则，如下所示：

....
.footer span, .footer a {
  color: #666;
}

所以你需要让你的规则更具体，比如。

 .footer .schema_footer span, .footer .schema_footer a {
   color: #fff;
  }

或稍后在样式表中覆盖.footer样式（或者使用多个样式表稍后加载此样式）

  .footer span, .footer a {
     color: #fff;
  }

无论html有多么糟糕，您都可以使用Web检查器检查应用和覆盖的样式。以下是覆盖覆盖的方式，您可以看到显示之前应用的实际规则的第二个箭头。

Answer 3

这是一个简单的解决方案

.footer {color: #fff;}