html - 命名部門IDは何でもいいです

Question

このような基本的な質問で申し訳ありません。css で後で ID とスタイルに異なる div 要素を書き込むとき、好きな名前を付けることができますか?

<div id="middle"></div>

<div id="yellow box"></div>

<div id="my dog"></div>

<div id="the green hornet"></div>

ありがとう。p

score 0 · Accepted Answer

はい、任意の ID を使用できます。

JavaScript で

これは、ID を使用して要素にアクセスする機能を追加した一部の古いブラウザー (Internet Explorer 5-6) で、 ID を介して要素にアクセスする場合の制限でした。たとえば、次のようになります。

document.all.middle // worked
document.all.yellow box // did not work (of course)

ただし、この動作は Internet Explorer でのみサポートされているため、使用しないでください。代わりに、次のようなものを使用して JavaScript の要素にアクセスします。

document.getElementById('my dog').textContent = 'Hello';
document.getElementById('the green hornet') = 'World';

CSSで

CSS でスペースをエスケープする必要があります。

div#my weird spaced id {
  /* does not work */
}

div#my\ weird\ spaced\ id {
  /* works */
}

ただし、これはクラスでは機能しません。

<div class="a b c">color me!</div>

div.a\ b\ c { color: red } /* does not work */

クラスの場合、 a b c「クラス a とクラス b とクラス c」を意味します。本当にこのように使用する必要がある場合は、ドット表記を使用してスタイルを設定できます。

`div.a.b.c { color: red } /* works */

ベストプラクティスは、ダッシュmy-fancy-classで区切られた名前を付けることmain-nav-headerです
。

1 に答える 1