Css 如何向图像标题中的文本添加过渡

我试图添加一个

转换：1s并将文本转换为
颜色：#0000
。在我的图片下方的图片标题中，有问题的文本是“Joe Doe”。我试着在css中放几个地方，但都没用。我在我的Wordpress网站上使用的是Genesis框架和tru Chiliad主题

您的
：悬停
颜色十六进制代码无效。它应该是3位或6位数字

说明表示RGB十六进制值的两种方式：

对于较大的调色板，请使用数字符号（散列）和范围为0–9、a–f的三个十六进制数字指定所需颜色的红色、绿色和蓝色分量。字母a-f表示值10-15:

示例：#000



对于完整调色板，为每个组件指定两个十六进制数字：

示例：#000000


a{
文字装饰：无；
颜色：#8B8080；
}
a:悬停{
过渡：1s；
颜色：#000000
}

a{
文字装饰：无；
颜色：#8B8080；
过渡：颜色1s；
}
a:悬停{
颜色：#000000；
}
我想你的意思是#000或#000000好吧，我没有意识到这一点，谢谢你，但我如何才能让它从
color:#8B8080
过渡到
color:#000000
它已经是了（见代码片段）。但是，如果您希望它双向淡入，请将
transition
属性设置为main rule，而不是
：hover
one向下的投票者可以解释这个答案的错误吗？
<p class="wp-caption-text">Image: 
   <a href="http://mashable.com/2014/09/25/disney-characters-halloween-costumes/" onclick="ga('send', 'event', 'outbound-article', 
   'http://mashable.com/2014/09/25/disney-characters-halloween-costumes/', 'Joe Doe');" target="_blank">Joe Doe
   </a>
</p>

a {
text-decoration: none;
color: #8B8080;
}

a:hover {
transition: 1s;
color: #0000 
}