css/sass:not（：类型的第一个）不工作，正在隐藏类型的所有元素

我有一个sass块，我尝试了几种不同的方法：

我试过这个：

.progress-body {
    display: none;
    &:first-of-type {
        display: block;
    }
}

这是：

.progress-body {
    &:not(:first-of-type) {
        display: none;
    }
}

.progress-body:not(:first-of-type) {
    display: none;
}

这是：

.progress-body {
    &:not(:first-of-type) {
        display: none;
    }
}

.progress-body:not(:first-of-type) {
    display: none;
}

当应用于如下所示的HTML时：

<div class="panel">
    <div class="panel-heading">
    </div>
    <div class="panel-body progress-body">
            <div class="row">
                <div class="col-md-12">
                    <p class="lead">Step 1: Choose your template...</p>
                </div>
            </div>
    </div>
    <div class="panel-body progress-body">
            <div class="row">
                <div class="col-md-12">
                    <p class="lead">Step 2: Compose your email...</p>
                </div>
            </div>
    </div>
</div>

结果是它隐藏了progress body类的所有元素。这通常是非常直截了当的CSS，所以不知道这里出了什么问题…

在这种情况下，progress body不是类型的第一个，从技术上讲是。面板标题，因为类型的第一个是指类型元素选择器div，而不是类

CSS类型的：first表示 它在一组同级元素中的类型

参考：

考虑将.progress body元素包装在一个包含元素中，您将实现预期的行为，因为.progress body将是其类型中第一个类名为.progress body的

代码段演示： .进度主体：非：类型的第一个{ 显示：无； }

步骤1：选择模板

第2步：撰写电子邮件

在本例中，progress body不是类型的第一个，从技术上讲，它应该是.panel标题，因为类型的第一个引用类型元素选择器div，而不是类

CSS类型的：first表示 它在一组同级元素中的类型

参考：

考虑将.progress body元素包装在一个包含元素中，您将实现预期的行为，因为.progress body将是其类型中第一个类名为.progress body的

代码段演示： .进度主体：非：类型的第一个{ 显示：无； }

步骤1：选择模板

第2步：撰写电子邮件

---

如果您不能将其包装为其答案中所写的UncaughtTypeError，则可以使用通用同级选择器

.progress-body + .progress-body {display: none;}

或

---

如果您没有在其他地方更改它，我希望默认情况下第一个是block。

如果您不能将其包装为在其答案中写入的UncaughtTypeError，则可以使用通用同级选择器

.progress-body + .progress-body {display: none;}

或

---

如果您没有在其他地方更改它，我希望默认情况下第一个是block。

是的，好的，这现在就有意义了！是的，好吧，这现在有意义了！