指定したID名を持つ要素にスタイルを適用する

IDセレクタ

要素名#ID名{~}

指定したID名を持つ要素にスタイルを適用します。ハッシュマーク(#)に続けて指定したいID名を入力します。

セレクタの使用例

以下の例では、ID名がleadであるp要素にスタイルを適用し、文字を太字で表示しています。

CSS
p#lead{
  font-variant: bold;
}
HTML
<p id="lead">この夏、日本全国を巡った旅行でもっとも印象強いエピソードを...。</p>
<p>フェリーに乗って沖縄から北海道に直行した際に、僕が出会った家族の物語です。</p>