html css代码未显示正确的设计

我创建了这个HTML

正文{
背景颜色：灰色；
边际：0px；
}
.圆圈{
背景色：白色；
宽度：55px；
高度：55px；
边界半径：100%；
位置：绝对位置；
左：40%；
最高：40%；
}
.wing1、.wing2、.wing3{
背景色：白色；
宽度：45px；
高度：45px；
边界半径：100%；
位置：绝对位置；
}
.wing1{
最高：45%；
左：43%；
}
.wing2{
最高：34%；
左：40.2%；
}
.wing3{
最高：45%；
左：38%；
}
.innercircle1-1、.innercircle2-1、.innercircle3-1、{
背景色：红色；
宽度：35px；
高度：35px；
边界半径：100%；
}

Fidget微调器动画

只需删除以下内容后的逗号即可：

.innercircle1-1、.innercircle2-1、.innercircle3-1

最后你忘了删除“，”

.innercircle1-1, .innercircle2-1, .innercircle3-1 {
    background-color: red;
    width: 35px;
    height: 35px;
    border-radius: 100%;
}

---

实际上，您将所有的innercircles类bt分组，至少您已经给了逗号，因此css不起作用

正文{
背景颜色：灰色；
边际：0px；
}
.圆圈{
背景色：白色；
宽度：55px；
高度：55px；
边界半径：100%；
位置：绝对位置；
左：40%；
最高：40%；
}
.wing1、.wing2、.wing3{
背景色：白色；
宽度：45px；
高度：45px；
边界半径：100%；
位置：绝对位置；
}
.wing1{
最高：45%；
左：43%；
}
.wing2{
最高：34%；
左：40.2%；
}
.wing3{
最高：45%；
左：38%；
}
.第1-1圈，
.内圆2-1，
.内圆3-1{
背景色：红色；
宽度：35px；
高度：35px；
边界半径：100%；
}