css - 这个语法不正确吗？

Question

这似乎不起作用，这是什么问题？谢谢

.circle-1, circle-2,-circle-3 p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    color: #2970AE;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 14px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

Answer 1

如果 .circle-1,circle-2,circle-3 是类，则使用：

.circle-1,.circle-2,.circle-3

如果 .circle-1、circle-2、-circle-3 是 id，则使用：

#circle-1,#circle-2,#circle-3

除此之外，一切似乎都是正确的。

Answer 2

您的选择器正在处理错误的类。你没有在类名前写一个点。

.circle-1, .circle-2, .circle-3 p

此选择器将应用于具有circle-1or类的每个元素，以及具有该类circle-2的元素内的段落。circle-3