CSS の履歴(No.2)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• CSS へ行く。
  • 1 (2012-03-21 (水) 09:21:45)
  • 2 (2012-03-21 (水) 09:41:30)

SoftwareEngineering

Cascading Style Sheets†

基本的な定義方法†

• 基本的な定義方法

  セレクタ { 属性 : 値 }

   
• 複数の属性をまとめて定義する方法 セミコロン[;]で区切る

  セレクタ { 属性１ : 値１ ; 属性２ : 値２ }

   
• 複数のセレクタをまとめて定義する方法 セレクタをカンマ[,]で区切る

  セレクタ, セレクタ { 属性 : 値 }

   
• 子孫セレクタ セレクタを半角スペース[ ]で区切る

  セレクタ セレクタ { 属性 : 値 }

   
• 子供セレクタ

  セレクタ > セレクタ { 属性 : 値 }

セレクタの種類†

• 基本セレクタ <div></div>や<p></p>などの要素に適用される。

  div {
      background-color: #aqua;
  }

   
• IDセレクタ ID属性を設定した要素に対してスタイルシートが適用される。 セレクタの先頭に[#]をつけて定義する。

  #ID { 属性 : 値 }
  セレクタ#ID { 属性 : 値 }

   
• CLASSセレクタ class属性を設定した要素に対してスタイルシートが適用される。 セレクタの先頭に[.]をつけて定義する。

  .CLASS { 属性 : 値 }
  セレクタ.CLASS { 属性 : 値 }