HTML ID は数字で始めることができますか? これは CSS スタイルにどのような影響を与えますか?

要素は数字で始まる ID 値を持つことができますか?

はい、数字で始まる ID 値を持つ HTML 要素を作成することは可能ですまたは、

技術的妥当性およびスタイルに関する考慮事項

このような ID 値は HTML5 仕様に従って技術的には有効ですが、CSS セレクターを使用してターゲットにする場合に課題が生じます。具体的には、数字で始まる ID 値は CSS セレクターで文字通り使用できず、バックスラッシュを使用してエスケープする必要があります。たとえば、#12 は #3132 として記述する必要があります。

CSS スタイリングの推奨事項

CSS を使用して数値 ID を持つ要素のスタイルを設定する場合は、ID を文字で始めることをお勧めします。逃げる必要性。これにより、プロセスが簡素化され、ブラウザ間での互換性が確保されます。

例

次の HTML コードを考えてみましょう。

<div>

JavaScript を使用すると、 div 要素の境界線とフォント スタイル

document.getElementById("12").style.border = "2px solid black";
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

div 要素の背景色を設定する CSS コードは次のようになります:

# {
  background: #0bf;
}

CSS セレクターでは、バックスラッシュを使用して ID 値をエスケープする必要があることに注意してください。