较少样式：逗号分隔的div嵌套在媒体查询中，不适用

Question

我对Stack Overflow上的第一篇文章感到非常兴奋。已经很久了！

问题：在下面的代码中，.1，.2等的设置不适用。这是我的代码：

LESS CODE：

@screen-lg-min: 1200px;
#laurels {

text-align:center;
margin: 0 auto;

@media (min-width: @screen-lg-min) {
    width: 930px;

    .1, .2, .3, .4, .5 {
        width: 165px;
        height: 76px;
        padding: 0 5px;
    }               
}
}

HTML：

<div id="laurels">
    <div class="lorel 1">
        <div></div>
    </div>
</div>

任何想法我可能做错了什么？

谢谢！

Answer 1

根据W3Schools，类名不能以数字开头。所以，如果你改变了你的

.1, .2, .3等

.one, .two, .three等等。它会起作用。

当然，更改必须包含div上的类声明。

<div class="lorel one">

或者，如果您更喜欢使用数字，只需添加一些文字，如下所示：

.style_1, .style_2, .style_3