繁体   English   中英

CSS不改变文字颜色?

[英]CSS not changing text color?

我一直在寻找有关此问题的答案,但至今没有找到任何答案。 我正在尝试更改说明文字的颜色。 我有以下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更改为其他background-color (例如,背景颜色),则文本颜色保持为#8f8f8f。 我还尝试过在顶部的元名称部分中创建一个专门用于描述颜色的全新事物,并将其从{color:Title}更改为类似{color:background}东西或类似的东西。

我想知道的是:为什么文本颜色没有显示为标题颜色,我该如何解决?

感谢任何帮助的人。

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

 <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}变量填充的Text将会应用“ text”类。 这会覆盖之前的“描述”中的样式,因为它紧随其后。 因此,如果CSS中有一个.text类,并且其中包含“ color:what”,那么在这种情况下,它将覆盖“ .description”中的颜色。

因此,在您的CSS中还应该有:

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

如果要使元素内具有class =“ text”的所有文本具有该文本颜色。 元素可能是

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

例如。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM