0

我的项目包含以下代码，但没有得到 #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;}
4

5 回答 5

2

这些样式不起作用，#M使用of定位元素，使用idof定位元素。这会起作用：M.MclassM

.M { ... }
.B { ... }
.D { ... }
.L { ... }
.O { ... }

或这个：

#DivM { ... }
#DivB { ... }
#DivD { ... }
#DivL { ... }
#DivO { ... }
于 2013-04-03T10:43:56.133 回答
1

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

于 2013-04-03T10:43:10.393 回答
1

您应该阅读课程和 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;}
于 2013-04-03T10:48:01.463 回答
0

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

<div id="mydiv"></div>应该参考 #mydiv { }

<div class="mydiv"></div>应该在哪里引用.mydiv.

于 2013-04-03T10:43:36.927 回答
0

#用于 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;}
于 2013-04-03T10:43:45.913 回答