LESS样式：媒体查询中嵌套的逗号分隔div不适用

Question

我对堆栈溢出的第一篇帖子感到非常兴奋。 好久不见了！

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

较少的代码：

@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