样式文本难以样式化

Question

链接到有问题的网站 。

在版权声明上方的页脚中，我有一小段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中所.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;}