ID セレクター

#id_value {
  /* … */
}

[id="id_value"] {
  /* … */
}

<p id="blue">この段落は青い背景です。</p>
<p>これは単なる通常の段落です。</p>

<!-- 次の 2 つの段落には、CSS でエスケープしなければならない文字を含む
id 属性が設定されています -->

<p id="item?one">この段落はピンクの背景です。</p>
<p id="123item">この段落は黄色い背景です。</p>

#blue {
  background-color: skyblue;
}

/* 次の 2 つのルールでは、id 属性はエスケープしなければならない */

#item\?one {
  background-color: pink;
}

#\00003123item {
  background-color: yellow;
}

#item?one {
  background-color: green;
}

#123item {
  background-color: green;
}