Question

当我为一个页面做CSS时，我发现当我以前做div#myid时，我的CSS应用于元素，当我做div #myid时它不适用，但我没有认为它是错的，我已经多次使用它并且它有效。下面我的CSS是正确的，但仍然首先造型不起作用，第二个工作。

我在这里放了一个小样，是链接http://jsfiddle.net/bipin000/FnzNm/

table #tt
{
    background-color:#ccc;
}
table#tt
{
    color:yellow;
}


<table id="tt">
    <tr><td>this is atable</td></tr>
</table>

Answer 1

div#myid适用于div元素，id设置为myid
#myid适用于 ANY 元素，id设置为myid

我发现当我以前做div #myid然后我的css应用于元素，当我做div #myid它不适用

它适用于div#myid和#myid：

<强> SEE DEMO

对于您的表 ，这两个table #tt和table#tt之间存在差异 。空间字符在此处起着重要作用。

table #tt表示id设置为<{1}} 内的元素 任何嵌套的tt元素级别，而table表示table#tt，table设置为id。

<强>示例：

#tt可能意味着以下任何一种：

table #tt

因此，只有<table> <td id="tt"></td> </table> <table> <td><div id="tt"></div></td> </table> <table> <td><span id="tt"></span></td> </table> 设置为<{1}} 内的任何元素 id。

tt仅表示：

table

Answer 2

第一个在表格

中说 #tt

table #tt
{
    background-color:#ccc;
}

<强> HTML

<table>
 <tr id="tt"><td>this is atable</td></tr>
</table>

<强>＆安培;

第二个用表表示 #tt 。

table#tt
    {
        background-color:#ccc;
    }

<强> HTML

<table id="tt">
 <tr><td>this is atable</td></tr>
</table>

选中此http://jsfiddle.net/FnzNm/3/

Answer 3

table #tt是某个表中的标识为tt的元素（但不是表本身）。

table#tt是ID为tt

的表格

由于#tt已经是唯一的，所以你不需要一个更复杂的选择器（除非有某种逻辑沿着“除非因为一些元素现在已经移出表格”在运行时花哨的DOM操作“）。

div #myid和div #myid之间的区别

3 个答案: