Javascript 从php值对此项应用悬停语句？

我在php中有一些帖子，我的表是这样配置的：

while ($row = mysql_fetch_array($res, MYSQL_ASSOC)) {
    $id = $row['id'];
    $title1 = $row['title1'];
    $thumb = $row['thumb'];
    $link = $row['link'];
    $hex = $row['hex'];
    $archiveID= $row['archiveID'];
    $recordListingID= $row['recordListingID'];
    ?>

这样，每个项目都有一个特定的图像、颜色等

我在前端显示如下：

<div id="artist-image">
<img src="<?php echo $thumb ?>"></img>         
</div></a></li>
<?php
}
?>  

<?php
$id = 1;
$link = "http://example.com";
$title1 = "This is a link";
$hex = "ff0000";
?>

<style>
li > a:hover{
  color:#<?=$hex?>;
}
</style>

<li><a id="<?php echo $id ?>" target="_blank" href="<?php echo $link ?> "><?php echo $title1 ?></a></li>

这一切都很好，但我试图实现的是悬停一个标题，通过

$hex=$row['hex']使用前面在php中指定的十六进制颜色更改标题的颜色

我尝试了以下css：

#artistlistdesktop li > a:hover{
  color:#<?=$hex?>;;
}

}

--编辑2--

我是通过：

<li><a onMouseOver="this.style.color='#<?php  echo $hex ?>'"    
  onMouseOut="this.style.color='rgba(146,146,146,0.5)'"

您应该在对象中应用
style=“：hover{color:#}”
 首先，
img
是一个自动关闭标签

此外，您确定
$hex
值是字符串吗

我已经测试过了，它似乎是这样工作的：

<div id="artist-image">
<img src="<?php echo $thumb ?>"></img>         
</div></a></li>
<?php
}
?>  

<?php
$id = 1;
$link = "http://example.com";
$title1 = "This is a link";
$hex = "ff0000";
?>

<style>
li > a:hover{
  color:#<?=$hex?>;
}
</style>

<li><a id="<?php echo $id ?>" target="_blank" href="<?php echo $link ?> "><?php echo $title1 ?></a></li>


a:悬停{
颜色：#；
}


编辑：-这里有一个你想要实现的目标的替代方案。虽然，这不是一个最佳实践，但在你的情况下，它应该做到这一点。您只需为每个
a
元素设置具有相应颜色的数据属性。
谢谢erwan，在标题的悬停处，我想更改颜色…我尝试了以下方法：
@thebigE似乎在样式之前缺少了一个空格attribute@GoranStoyanov这只是我想说的一句有用的话。为什么不工作你可以在这里阅读谢谢戈兰，我仍然有同样的事情发生-在悬停，我有相同的颜色的所有项目。。它没有悬停当前项目9中的颜色示例ID1为十六进制橙色，ID2为蓝色，ID3为红色。当我将项目悬停的时候，所有ID都会变成橙色。。。。。我希望它有意义？真的很感谢你的时间！橙色是所有项目的默认颜色，对吗？您能否仅共享id为
#artistlistdesktop
的元素及其包含元素的CSS代码？嗨，戈兰，不，橙色只是其中一个id项的十六进制值，悬停时为红色，不从DB获取值：（@thebigE以及如何使用PHP设置
data hex
attr？如果没有正确设置，这就是问题：）