纯CSS中的第一个和最后一个类选择器

我只需要使用纯CSS在整个文档中选择第一个和最后一个类，
就我而言，结构如下所示：

<div class="Container">
    <div>
        <div class="Parent"></div>
        <pre>
            <span>
                <span class="myClass">YES</span>
                <span class="myClass">NO</span>
                <span class="myClass">NO</span>
            </span>
        </pre>
    </div>
    <div>
        <div class="Parent"></div>
        <pre>
            <span>
                <span class="myClass">NO</span>
                <span class="myClass">NO</span>
                <span class="myClass">YES</span>
            </span>
        </pre>
    </div>
</div>

对
不
不
不
不
对

注: 我试图将此应用于真正的codemirror matchtags，我不确定我发布的结构是否正确。。

---

看起来这正是您需要的：

---

注意：此解决方案依赖于所有span元素都包含一个公共类cm标记的假设-如OP的fiddle所示。

CSS不能像那样按类选择。使用纯CSS是不可能的。我昨天在一个类似的项目上发布了一个帖子（针对头等舱），而BoltClock在该帖子中发布了一个更大的答案。请检查他们是否有帮助。@Paulie_D的可能重复：很难说问题是否相同，因为上课的第一个孩子和最后一个孩子，以及整个文档中的第一个孩子和最后一个孩子，不一定是同一件事。我只是在那里更新了我的答案，以注意差异。@danield是的，但在真实页面中，这似乎不起作用@哈利-是的，我在回答中注意到了这一点。但从OP的代码来看，这确实是case@Danield：同意，大副。乍一看确实如此。

.CodeMirror-code > div:first-child  .cm-tag:first-child {
    border: 1px solid red;
}
.CodeMirror-code > div:last-child .cm-tag:last-child {
    border: 1px solid blue;
}