在CSS中选择特定元素

Question

很抱歉非常通用的帖子标题.但我在这里的是这样的:

<div id="my-div">
   <span>
      <a href="#">link 1</a>
      <a href="#">link 2</a>
   </span>
   <a href="#">link 3</a>
</div>

如何在CSS中选择"link 3"？没有在那里编辑那个Html .这是提供的html,我需要选择链接3而不选择链接1和2.

有任何想法吗？

Answer 1

你在字面上发布的意思是"找到任何a内在的,div#my-div并且是他们父母的直接孩子."

使用

div#my-div > a

使用>更改描述:"找到任何你想要a的直接后代div#my-div".