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

Question

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

问题:在下面的代码中,.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