将伪类添加到子选择器

Question

是否可以像这样为特定 ID 下的锚标签添加悬停效果：

#id > a {

}

#id > a:hover{

}

如果这不可能，那么下一个最佳选择是什么？

Answer 1

#id > a {
 color: red;
}

#id > a:hover{
 color: green;
}

<div id="id">
 <a href="">Test me</a>
</div>

您的代码是正确的。试试看。