css - 选择 :first-of-type by class only

Question

我正在尝试解决 CKEditor 中没有正确应用边距的错误。使用 Bootstrap，第一个跨度的边距实际上被忽略了，因为它落在了行之外。然而在 CKEditor 中，由于某种原因它位于行的内部，因此由于行内没有足够的空间而将最后一个跨度推到新行。

解决这个问题的一个简单方法是将第一个跨度的 margin-left 设置为 0，所以我最终将它添加到我的 content.css 文件中:

[class*="span"]:first-of-type {
    margin-left: 0px;
}

只要所有 span、所有 div 或所有文章都相同，这种方法就可以很好地工作。但是，如果我有一篇文章和一篇旁白，那么 css 似乎将它们作为两种不同的第一类型进行挑选，并将 :first-of-type 规则应用于它们。例如:

<div class="container">
    <div class="row">
        <article class="span6">
            ...some html text
        </article>
        <aside class="offset3 span3">
            ...some more html text
        </aside>
    </div>
</div>

当我只想将文章的 margin-left 设置为 0 时，article 和 aside 的 margin-left 都将设置为 0。这只是一个示例，div、articles 和你能想到的旁白，以及 bootstrap 允许的任何数量。

经过短暂的谷歌我找到了this question ，这似乎与我的问题相似。答案解释说 :first-of-type 实际上对元素起作用，而不是对类起作用，这解释了我看到的行为。不幸的是，该答案中指定的解决方法对我不起作用，因为我试图从第一个 div 中删除一些 css，并保持其余部分不变。

是否有任何变通方法可以让我使用 [class*="span"] 定位第一个元素？如果失败，是否有任何其他已知的 CKEditor 和 Bootstrap 错误解决方案？

Answer 1

为什么不直接使用 nth child selector :

[class*="span"]:nth-child(1) {}

Example