html - CSS 忽略 div 的 id，但不忽略类

Question

我已经盯着这个看一段时间了，但我不明白为什么我的 css 文件忽略了我的 div 的 id 标签。我以前做过几乎完全相同的事情，但现在突然不起作用了。知道为什么吗？

http://jsfiddle.net/phacer/dmf6V/

.canvas {
    background: #c5c5c5; 
    border: 1px #676767 solid;
    width: 600px;
    height: 338px;
    position: absolute;
}

#2dcanvas {
    left: 0;
}

#3dcanvas {
    right: 0;
    background: black; 
}

.canvas_container {
    width: 1210px;
    position: relative;
    margin: 0 auto;
    height: 340px;
}



<div class="canvas_container">
    <div class="canvas" id="2dcanvas">/div>
    <div class="canvas" id="3dcanvas"></div>
</div>

3dcanvas 应该在右边，而 2dcanvas 应该在左边。

Answer 1

因为ID不能以数字/数字开头，所以可以设置为字母数字:

<div class="canvas_container">
    <div class="canvas" id="canvas2d"></div>
    <div class="canvas" id="canvas3d"></div>
</div>

CSS

div#canvas2d {
    left: 0;
}

div#canvas3d {
    right: 0;
    background: black; 
}

Example