Css 选择除div.class之外的第一种类型

如何匹配第一个div，除非第一个div是div.error

div.error可能出现，也可能不出现，这取决于是否存在错误，因此我不能使用类似于nth-of-type2的内容 .main div:第一个子项：not.error，.main div.error+div{color:red；} 错误1

错误2

内容：：红色 所容纳之物 所容纳之物 内容：：红色 所容纳之物 所容纳之物

---

您可以使用两个选择器的组合。检查演示以测试两种情况：

div>div.error:类型+div的第一个， div>div:不是。错误：类型的第一个{ 颜色：红色； } 错误1

错误2

所容纳之物 所容纳之物 所容纳之物 所容纳之物 所容纳之物 所容纳之物

---

我不太确定你想做什么，但听起来javascript可以解决你的问题。我想把div和我想标记的注释匹配起来。请你解释一下“div:first child:not.error”是什么意思？我正在尝试您的代码，但如果没有错误div，则似乎不起作用。您的代码运行良好，但我对代码有点困惑。为什么这句话“div:not.error:first of type”在没有错误时有效，而在有错误时无效？这不应该在两种情况下都起作用吗？我认为这句话的意思是：标记第一个div，它不是'error'div>div:not。如果第一个div类型没有类错误，则error:first-of-type有效。如果类型的div:first确实有类错误，则此规则不匹配且不应用。相反，div>div.error:type+div中的第一个有效，这意味着使用类error获取第一个div之后的下一个div。

    <div>
            <div class="error">
                <p>Error 1.</p>
                <p>Error 2.</p>
            </div>

            <div> <!--I want to tag this-->
                Content
            </div>
            <div>
                Content
            </div>
            <div>
                Content
            </div>
        </div>

div > div:first-of-type:not(.error) {color:red}

div > div[class]:not(.error):first-of-type {color:red}