Question

While I was doing CSS for a page I found that when I used to do div#myid then my CSS is applied to element and when I did div #myid it did not apply, but I don’t think its a wrong, I have used it many times and it works.
Here below my CSS is correct but still first styling does not work and second works.

I have put a sample on fiddle here is the link 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 applies to a div element with id set to myid
• #myid applies to ANY element with id set to myid

---

i found that when i used to do div#myid then my css is applied to
element and when i did div #myid it did not apply

It works fine with both div#myid and #myid:

SEE DEMO

---

As for your tables there is difference between these two table #tt and table#tt. The space character plays important role here.

The table #tt means an element with id set to tt inside the table element at any nested level whereas table#tt means a table with id set to #tt.

Examples:

table #tt may mean any of these:

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

<table>
  <td><div id="tt"></div></td>
</table>

<table>
  <td><span id="tt"></span></td>
</table>
<!-- etc -->

So just any element with id set to tt inside table.

The table#tt only means this:

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