为什么我不能将字体颜色格式化为白色

Question

请参考下面的截图，我需要将手风琴标题的字体更改为白色。代码在“小提琴”中运行良好，但是当我将CSS代码段嵌入到SharePoint 2013页面时，字体颜色无法正确呈现。

.accordionTitle,
.accordion__Heading {
  background-color: #00008B;
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color:white;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #8000000;
}

Answer 1

你的风格压倒了你的风格，所以你可以更加具体：

a.accordionTitle,
a.accordion__Heading {
  background-color: #00008B;
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color:white;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #8000000;
}

或者像这样重要：

.accordionTitle,
.accordion__Heading {
  background-color: #00008B;
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color:white!important;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #8000000;
}

您可以阅读有关Specifity

的更多信息