Question

我正在设计一个tumblr主题，并且处于早期阶段。现在我只有侧边栏功能的代码。我正在尝试格式化标题，但它不会响应任何旨在改变其颜色的代码。我知道我已经正确格式化了我的代码，因为标题会响应其字体大小的变化。有谁知道这是什么问题？这是代码：

<html>
<head>

<meta name="color:Background" content="#cccccc" />
<meta name="color:Primary Color" content="#03999b" />
<meta name="color:Secondary Color" content="#4cc3c5" />


<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta http-equiv="x-dns-prefetch-control" content="off"/>




<style type="text/css">

/************
CSS
************/

#sidebar 
{
width: 100%; 
height: 150px;
background-color: #000;
position: static;
z-index: 10;
top: 0px;
left: 0px;
}


#sidebar .title
{
font-size: 40px;
text-align: center;
padding:10px;

}
#sidebar. title a
{

}


#sidebar .title a:hover
{
color: {color:Secondary Color};
}

#sidebar .description {
  color: white;
  font-size: 11px;
  text-align: center;
  padding:10px;
  line-height:100%;
}


#sidebar .links {
font: {color:Primary Color};
    color: white;
font-size: 14px;
text-align: center;
padding: 5px 7px;
    margin: 2px;
float: left;
width: 100%;

}

#sidebar .links a {
text-decoration:none;
color: white;
}

#sidebar .links:hover {
color: {color:Secondary Color};
}
</style>  

</head>

<body>
<!--HTML area-->

<div id="sidebar">
<div class="title"><a href="/">{Title}</a></div>
<div class="description">{Description}</div>
<div class="links">
<a href="/">index</a>
<a href="/ask">message</a>
<a href="/submit">submit</a>
<a href="/archive">archive</a>
</div>
</div> <!--sidebar-->

Answer 1

您尝试使用的颜色选项并不是很清楚，但以下情况应该有效。

.title {
  color: {color:Primary Color};
}
title a {
  color: inherit;
}
.title a:hover {
  color: {color:Secondary Color};
}

我正在设计的tumblr主题中的标题不会响应任何颜色代码

1 个答案: