选择具有特定类的元素的第一个匹配项，如果该元素不是直接子类，则仅使用CSS [duplicate]

这个问题在这里已有答案：

• CSS selector for first element with class 18个答案

• Can I combine :nth-child() or :nth-of-type() with an arbitrary selector? 4个答案

这是示例代码 .

<div class="main-content">

  <div class="some-class">Some Class</div>

  <div class="my-class">My Class</div>

  <div class="some-other-class"> Some Other Class</div>

  <div class="my-class">My Class</div>

</div>

在主要内容中，我有类my-class，它不是父主内容的直接子 . 我想选择第一个my-class元素 . 有两个，我只需要第一个 . 我试过：第一个孩子，但这不起作用，因为它不是直接的孩子，如果我删除它将工作的某个类元素 . 我也试过：第一种类型，也不起作用 .

CSS中有没有办法可以做到这一点，因为我有一些限制，即

• 我无法更改html

• 我不能使用javascript或jquery，因为我无法访问这两件事 .

我必须通过CSS完成它 . 我只能访问CSS .