Question

我尝试添加transition:1s;并将文本转换为color:#0000。有问题的文字是Joe Doe＆＃39;在我的图像标题下。我尝试在我的CSS中放置几个地方，但没有任何效果。我在我的Wordpress网站http://boasish.com/ios-8/上使用了一个带有Tru Chiliad主题的Genesis Framwork {/ 3>

<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 
}

Answer 1

您的:hover颜色十六进制代码无效。它应该是3位或6位数。

MDN Color docs说明了两种表达RGB十六进制值的方法：

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

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

＆＃13;

a {
text-decoration: none;
color: #8B8080;
}

a:hover {
transition: 1s;
color: #000000 
}

＆＃13;

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

＆＃13;

Answer 2

a {
text-decoration: none;
color: #8B8080;
	transition:color 1s;
}
a:hover {
color: #000000; 
}

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

如何在图像标题中添加到文本的转换

2 个答案: