当主DIV悬停时，更改链接颜色

Question

我的问题是，当我将鼠标悬停在 div 上时，它不会将链接颜色更改为我想要的颜色。它只是保留其定义的默认黑色。但是当我直接将鼠标悬停在 div 中的链接上时，链接会改变颜色。

如何才能使当我将鼠标悬停在主 div 上时，它会更改 div 中链接的颜色？

链接到我的网站：https://www.temporary-url.com/CF16F6 尾巴：更多新闻

我有如下代码：

div.zsm_block_news > div.zsm_block_content > div:nth-child(2) > div:nth-child(3):hover a
{
     color: #CB701A;  
}

/* unvisited link */

div.zsm_block_news > div.zsm_block_content > div:nth-child(2) > div:nth-child(3) > p:nth-child(3) > a:link
{
  color: #333333;
}

/* visited link */
div.zsm_block_news > div.zsm_block_content > div:nth-child(2) > div:nth-child(3) > p:nth-child(3) > a:visited
{
  color: #CB701A;
}

/* selected link */
div.zsm_block_news > div.zsm_block_content > div:nth-child(2) > div:nth-child(3) > p:nth-child(3) > a:active 
{
  color: #333333;
}

/* mouse over link */
div.zsm_block_news > div.zsm_block_content > div:nth-child(2) > div:nth-child(3) > p:nth-child(3) > a:hover
{
  color: #CB701A;
}

Answer 1

您想要将 :hover 属性放在 div 上而不是 a 标记上

/* mouse over link */
div.zsm_block_news > div.zsm_block_content > div:nth-child(2) > div:nth-child(3) > p:nth-child(3):hover > a
{
  color: #CB701A;
}