在设计架构文本样式时遇到问题

Question

Link to site 有问题。

在页脚中，就在版权声明上方，我有一小块架构微数据。公司名称、地址、phone 号码。我希望编写的文本与下方的版权声明相匹配。

我试过这样做：

<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;}