0

ページの CSS を行っているときに、以前行っていたときにdiv#myidCSS が要素に適用され、行ったときに適用されなかったdiv #myidことがわかりましたが、間違っているとは思いません。何度も使用しました。動作します。以下の CSS は正しいですが、最初のスタイリングは機能せず、2 番目のスタイルは機能します。

私はフィドルにサンプルを置いています ここにリンクがあります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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
4

3 に答える 3

4
  • div#myidに設定されたdiv要素に適用されますidmyid
  • #myidに設定されたANY要素に適用されますidmyid

以前に div#myid を実行すると、css が要素に適用され、div #myid を実行すると適用されないことがわかりました

と の両方で正常に動作しdiv#myidます#myid。

デモを見る

あなたのテーブルに関しては、これら2つとの間に違いがありtable #ttますtable#tt。ここではスペース文字が重要な役割を果たします。

は、ネストされたレベルの要素の内側に設定されtable #ttた要素を意味し、 に設定された要素を意味します。idtt tabletable#tttableid#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 -->

したがって、 insideidに設定されている要素だけです。tt table

table#tt唯一の意味は次のとおりです。

<table id="tt">....</table>
于 2012-06-15T06:01:01.567 に答える
2

最初のものはテーブルの中の#ttを言いました

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

HTML

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

＆

2番目のものはテーブルで#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-15T06:02:32.823 に答える
0

table #ttあるテーブル内のid を持つ要素ですtt(ただし、テーブル自体ではありません)。

table#ttIDを持つテーブルですtt

はすでに一意であるため#tt、より複雑なセレクターは必要ありません (「実行時の派手な DOM 操作のために要素がテーブルから移動していない限り」という行に沿って何らかのロジックが進行している場合を除きます)。

于 2012-06-15T06:10:03.823 に答える