Question

我已经四处寻找这个问题的答案了，而我却找不到任何答案。我正在尝试更改说明文字的颜色。我有以下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}或类似的内容。

我想知道的是：为什么文字颜色不会显示为标题颜色，我该如何解决？

感谢任何帮助过的人。

Answer 1

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

 <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}变量填充的文本将具有类＆＃34; text＆＃34;适用于它。这会覆盖＆＃34;描述＆＃34;在此之前，因为它遵循它。所以，如果你的CSS中有.text类，那就是＆＃34;颜色：无论什么＆＃34;在这，这将覆盖你的颜色＆＃34; .description＆＃34;在这种情况下。

所以在CSS中也应该有：

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

如果您希望元素中的所有文本都带有class =＆＃34; text＆＃34;拥有那种文字颜色。元素可能是

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

例如。

CSS不改变文字颜色？

1 个答案: