区别div＃myid和div #myid

虽然我正在做一个页面的CSS我发现，当我用来做div#myid然后我的CSS应用于元素，当我做div #myid它不适用，但我没有认为它是一个错误，我已经多次使用它，它的工作原理。这里我下面的CSS是正确的，但还是第一次造型不工作，第二工作区别div＃myid和div #myid

我已经把样品上的小提琴这里是链接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>

来源

2012-06-15 Bipin Chandra Tripathi

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

我发现，当我以前做的div＃身份识别码，然后我的CSS应用到元素，当我做了DIV #myid它并不适用

它的工作原理细既div#myid和#myid：

SEE DEMO

至于你的表在这两个table #tt和table#tt之间的差异。空间角色在这里扮演重要角色。

的table #tt指与id集合的元素到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> 
<!-- etc -->

所以只要任何内部table与id集元素tt。

的table#tt只意味着这样的：

<table id="tt">....</table>

来源

2012-06-15 06:01:01 Sarfraz

第一个说#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/

来源

2012-06-15 06:02:32 sandeep

table #tt是id为tt元素的一些表内（而不是表本身）。

table#tt是ID表tt

由于#tt已经是独一无二的，你并不需要一个更复杂的选择（除非有某种逻辑的事情沿“线，除非该元素具有现由于在运行时进行了一些精巧的DOM操作而移出表格“）。

来源

2012-06-15 06:10:03 Thilo

区别div＃myid和div #myid

回答

相关问题