你是什​​么意思css中的#classname

Question

我的项目包含以下代码但未获得＃M，＃D等等。我是CSS新手

        <div id="DivM" class="M" style="display: none;">
        </div>
        <div id="DivB" class="B" style="display: none;">
        </div>
        <div id="DivD" class="D" style="display: none;">
        </div>
        <div id="DivL" class="L" style="display: none;">
        </div>
        <div id="DivO" class="O" style="display: none;">
        </div>

和CSS

#M {background: url(/images/M.png) no-repeat;width: 148px;height:90px;top: 18px;left:3px;outline:none;list-style:none;}
#B {background: url(/images/B.png) no-repeat;width: 292px;height:90px;top: 0;left: 0;outline:none;list-style:none;}
#D {background: url(/images/D.png) no-repeat;width: 158px;height:90px;top:18px;left:78px;outline:none;}
#L {background: url(/images/L.png) no-repeat;width: 158px;height: 50px;top:82px;left:22px;outline:none;list-style:none;}
#O {background: url(/images/O.png) no-repeat;width: 158px;height:90px;top:37px;left:36px;outline:none;list-style:none;}

Answer 1

这些样式不起作用，#M定位id M .M的元素，class定位M .M { ... } .B { ... } .D { ... } .L { ... } .O { ... } 的元素}。这可行：

#DivM { ... }
#DivB { ... }
#DivD { ... }
#DivL { ... }
#DivO { ... }

或者这个：

{{1}}

Answer 2

#用于选择id属性，而不是class属性（即.）。

Answer 3

您应该阅读课程和ID http://www.w3schools.com/css/css_id_class.asp

使用＃之前表示您尝试为 ID 而不是类添加样式。 因此，如果您想使用Div的类，则应将CSS更改为：

.M {background: url(/images/M.png) no-repeat;width: 148px;height:90px;top: 18px;left:3px;outline:none;list-style:none;}
.B {background: url(/images/B.png) no-repeat;width: 292px;height:90px;top: 0;left: 0;outline:none;list-style:none;}
.D {background: url(/images/D.png) no-repeat;width: 158px;height:90px;top:18px;left:78px;outline:none;}
.L {background: url(/images/L.png) no-repeat;width: 158px;height: 50px;top:82px;left:22px;outline:none;list-style:none;}
.O {background: url(/images/O.png) no-repeat;width: 158px;height:90px;top:37px;left:36px;outline:none;list-style:none;}

Answer 4

CSS不会有任何影响。在CSS #中是一个ID选择器，而.是一个类名选择器。例如：

应使用<div id="mydiv"></div>

引用

#mydiv { }

<div class="mydiv"></div>应引用.mydiv。

Answer 5

#用于id，您应该将.用于类：

.M {background: url(/images/M.png) no-repeat;width: 148px;height:90px;top: 18px;left:3px;outline:none;list-style:none;}
.B {background: url(/images/B.png) no-repeat;width: 292px;height:90px;top: 0;left: 0;outline:none;list-style:none;}
.D {background: url(/images/D.png) no-repeat;width: 158px;height:90px;top:18px;left:78px;outline:none;}
.L {background: url(/images/L.png) no-repeat;width: 158px;height: 50px;top:82px;left:22px;outline:none;list-style:none;}
.O {background: url(/images/O.png) no-repeat;width: 158px;height:90px;top:37px;left:36px;outline:none;list-style:none;}