CSS应用于所有元素的第一种类型

我正在尝试使用类型的第一个来仅设置此布局中的第一个.menu元素的样式

。菜单：第一种类型
{
背景：红色；
}

项目1
项目2
项目3


项目1
项目2
项目3


项目1
项目2
项目3


项目1
项目2
项目3


项目1
项目2
项目3

这是因为：first of type使规则应用于其父元素中类型第一的每个元素。您需要捕获第一个section元素，然后按照如下方式设置菜单元素的样式：

  section:first-of-type .menu
    {
      background:red;
    }

以特定类型的第一个子级为目标。因为这些元素有不同的父母，所以都是第一个孩子。您可以通过将类添加到

并将其用于以下目的来防止此问题：

.menusAction:类型的第一个{
背景：红色；
}

项目1
项目2
项目3


项目1
项目2
项目3


项目1
项目2
项目3


项目1
项目2
项目3


项目1
项目2
项目3

谢谢你，现在一切都有意义了