css - 如何在链接中选择强标签并在悬停时更改颜色

Question

我敢肯定这真的很容易，但我不知道该怎么做，也没有在搜索时寻求帮助的词。

我有一个链接。链接内的某些文本位于 <strong> 内标签。 <strong>文字有颜色。悬停 <strong>文本没有改变颜色。如何让它改变颜色？

a:link {
  color: rgb(25, 50, 50);
  text-decoration: none;
}

a:visited {
  color: rgb(25, 50, 50);
  text-decoration: none;
}

a:hover {
  color: rgb(100, 200, 200);
  text-decoration: none;
}

a:active {
  color: rgb(100, 200, 200);
  text-decoration: none;
}

strong {
  color: rgb(50, 100, 100);
}

    <li><a href="xyz.html"><img src="resources/logo.jpg"><div class="list_text"><strong>Heading</strong><br>Sub heading</div></a></li>

我希望悬停和事件时强标记内的文本与“子标题”文本 rgb(100,200,200) 颜色相同。

Answer 1

试试这个:

a:link { color:rgb(25,50,50); text-decoration:none; }
a:visited { color:rgb(25,50,50); text-decoration:none; }
a:hover strong { color:rgb(100,200,200); text-decoration:none; }
a:hover { color:rgb(100,200,200); text-decoration:none; }
a:active { color:rgb(100,200,200); text-decoration:none; }

strong { color:rgb(50,100,100); }

<a href="xyz.html"><strong>Heading</strong><br>Sub heading</a>