css样式的问题

我正在设计我的菜单样式，但我不能得到我期望的格式，我真的不知道我做错了什么，我是新手

.customHorizontallList{
列表样式：无；
显示器：flex；
弯曲方向：行；
}
.customHorizontalList>li{
右边距：1rem；
}
.divmenu{
左侧填充：0！重要；
右边填充：0！重要；
宽度：100%！重要；
背景色：白色；
字体：40020px/20px无衬线；
}
.按钮菜单{
颜色：白色；
背景色：#001e50；
边界：无；
字体系列：“VWHead Bold”；
字体大小：13px；
}
.text标题子菜单{
左侧填充：12px；
颜色：#000000；
字号：17px；
字体系列：“VWText常规”；
}
.text子菜单{
左侧填充：12px；
颜色：#001e50；
字体大小：15px；
字体系列：“VWText常规”；
}

意外事故

项目1
项目2
项目3

这可以使用创建。下面我将给出一个示例代码片段

这种样式不是为你设计的，只是为了复制/粘贴到你的项目中，而是为了向你展示CSS网格是多么强大（很容易让它完全响应移动请求！）

如果你感兴趣，你可以看看我个人觉得有帮助。当开始学习CSS网格时

标题{
显示：网格；
网格模板列：重复（10，1fr）；
背景：#001E50；
填充：20px；
边框：4px实心#C85171；
边缘底部：2米；
对齐内容：居中对齐；
}
标题>*{
颜色：白色；
}
#b1{
网格柱：-3/-2；
}
主要{
显示：网格；
网格模板列：重复（4，2fr）重复（2，1fr）；
}
主要>*{
宽度：100px；
高度：100px；
背景：红色；
}

乱数假文
乱数假文
乱数假文
乱数假文