CSS IDセレクタ

 

2019年09月19日

 

 

目次

  1. 使用例
  2. 構文・説明

使用例

CSS
h1#title {
  color: red;
}
HTML(抜粋)
<h1 id="title">見出し</h1>
<p>本文</p>
<h2>小見出し</h2>
<p>本文2</p>
表示結果
  • この例では「id属性値が”title”であるh1要素の文字色を赤色にする」という指定をしています。

 

 

構文・説明

構文
E#name {
  property_name: property_value;
}

 

IDセレクタ例
#title {
  color: red;
}
属性セレクタ(id属性)例
[id="title"] {
  color: red;
}
  • IDセレクタは、id属性の属性セレクタに置き換えることができます。
  • 上記の「IDセレクタ例」と「属性セレクタ(id属性)例」の適用対象は同じになります。

 

 

 

 

Programming Style