簡體   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