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
更改为其他颜色(例如,背景颜色),文本颜色将保持为 #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;
}
然后您将文本包裹在另一个 class 命名文本中。看看你自己:
<div class="description">
{block:Description}<div class="text">{Description}</div>{/block:Description}
</div>
因此,用 {Description} 变量填充的文本将应用 class "text"。这会覆盖之前 "description" 的样式,因为它紧随其后。因此,如果您 CSS 中有一个 .text class 并且其中有 "color: whatever",那么在这种情况下,它将覆盖“.description”中的颜色。
所以在你的 CSS 中还应该有:
.text {
color:{color:title};
}
如果您希望带有 class="text" 的元素内的所有文本都具有该文本颜色。
元素可以是
<div class="text">XYZ</div>
例如
我四处寻找这个问题的答案,但一直找不到。我正在尝试更改描述文本的颜色。我有以下 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}
或类似的东西。
我想知道的是:为什么文本颜色没有显示为标题颜色,我该如何解决这个问题?
感谢所有帮助过的人。
重新检查您的代码。 您的元标记应如下所示:
<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;
}
然后您将文本包裹在另一个 class 命名文本中。看看你自己:
<div class="description">
{block:Description}<div class="text">{Description}</div>{/block:Description}
</div>
因此,用 {Description} 变量填充的文本将应用 class "text"。这会覆盖之前 "description" 的样式,因为它紧随其后。因此,如果您 CSS 中有一个 .text class 并且其中有 "color: whatever",那么在这种情况下,它将覆盖“.description”中的颜色。
所以在你的 CSS 中还应该有:
.text {
color:{color:title};
}
如果您希望带有 class="text" 的元素内的所有文本都具有该文本颜色。 元素可以是
<div class="text">XYZ</div>
例如