HTML ID は数字で始めることができますか?

数字で始まる ID を持つ要素を使用できますか?

質問:

は可能ですか?で始まるか、完全に構成される ID を持つ要素を作成します。数字?

答え:

はい、数字で始まるか数字だけで構成される ID を持つ要素を作成することができます。ただし、CSS セレクターを使用してそのような要素を選択またはスタイル設定するのは困難な場合があります。

説明:

HTML5 仕様では、任意の文字と同様に数字のみを含む ID 値が許可されています。ただし、スペースは使用できます。以前の HTML 仕様では、より厳格なルールが課せられていましたが、ブラウザではこれが厳密に強制されたことはありません。

CSS での ID 選択:

CSS セレクターを使用して数値 ID を持つ要素を選択する場合、制限事項に注意することが重要です:

• CSS ID セレクターは、a で始まる ID を直接使用できません。数字。バックスラッシュを使用してエスケープする必要があります。たとえば、ID が「12」は「#3132」と表されます。

ベスト プラクティス:

簡単にするため、次のようになります。 CSS セレクターを使用して作業する場合は、ID を文字で始めることをお勧めします

例:

以下は、ID「12」の div の使用法と、CSS、JavaScript を使用して div と対話する方法を示す例です。 document.getElementById、および document.querySelector 経由の JavaScript:

// CSS
# {
  background: #0bf;
}

// JavaScript via getElementById
document.getElementById("12").style.border = "2px solid black";

// JavaScript via querySelector (if supported)
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

この例では、要素が数値 ID はブラウザーで操作できますが、潜在的な競合を避けるために CSS でエスケープ ID セレクターを使用する必要があります。

以上がHTML ID は数字で始めることができますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。