CSS不改变文本颜色？答案

【问题标题】：CSS not changing text color?CSS不改变文本颜色？
【发布时间】：2015-01-03 11:52:31
【问题描述】：

我四处寻找这个问题的答案，但没有找到任何答案。我正在尝试更改描述文本的颜色。我有以下 CSS：

.description {
position:fixed;
overflow:auto;
width:200px;
height:130px;
margin-left:115px;
margin-top:235px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
opacity:1;
text-align:center;
font-family:'calibri';
font-size:10px;
color:{color:Title};
background-color:{color:border};
z-index:1;
}

还有对应的div 东西（抱歉，我还不太会用行话。）

<div class="description">
{block:Description}<div class="text">{Description}</div>{/block:Description}</div>

现在，边框颜色为#8f8f8f，标题颜色为#ffffff。但是，文本颜色显示为边框颜色而不是标题颜色。如果我将background-color 更改为其他颜色（例如背景颜色），则文本颜色将保持为#8f8f8f。我还尝试在顶部的元名称部分制作一个全新的东西，专门用于描述颜色，并将其从 {color:Title} 更改为 {color:background} 或类似的东西。

我想知道的是：为什么文本颜色没有显示为标题颜色，我该如何解决这个问题？

感谢任何提供帮助的人。

【问题讨论】：

你需要换哪个颜色

标签： html css colors tumblr textcolor

【解决方案1】：

重新检查您的代码。您的元标记应如下所示：

 <meta name="color:title" content="#ffffff"/>

然后你的 CSS 应该是：

.description {
  position:fixed;
  overflow:auto;
  width:200px;
  height:130px;
  margin-left:115px;
  margin-top:235px;
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  opacity:1;
  text-align:center;
  font-family:'calibri';
  font-size:10px;
  color:{color:title};
  background-color:{color:border};
  z-index:1;
}

然后您将文本包装在另一个名为 text 的类中。看看你自己：

<div class="description">
 {block:Description}<div class="text">{Description}</div>{/block:Description}
</div>

因此，使用 {Description} 变量填充的文本将应用“文本”类。这会覆盖之前“描述”中的样式，因为它遵循它。因此，如果您的 CSS 中有一个 .text 类，并且其中有“color:whatever”，那么在这种情况下，它将从“.description”覆盖您的颜色。

所以在你的 CSS 中也应该有：

.text {
      color:{color:title};
}

如果您希望元素内的所有文本具有 class="text" 的文本颜色。元素可以是

<div class="text">XYZ</div>

例如。

【讨论】：