- 追加された行はこの色です。
- 削除された行はこの色です。
- CSS へ行く。
[[SoftwareEngineering]]
#author("2021-06-24T12:10:18+09:00","","")
[[SoftwareEngineering/ProgramLanguage/SGML]]
*Cascading Style Sheets [#e191a82b]
#contents
**基本的な定義方法 [#xde9862b]
-基本的な定義方法
セレクタ { 属性 : 値 }
#br
-複数の属性をまとめて定義する方法
セミコロン[;]で区切る
セレクタ { 属性1 : 値1 ; 属性2 : 値2 }
#br
-複数のセレクタをまとめて定義する方法
セレクタをカンマ[,]で区切る
セレクタ, セレクタ { 属性 : 値 }
#br
-子孫セレクタ
セレクタを半角スペース[ ]で区切る
セレクタ セレクタ { 属性 : 値 }
#br
-子供セレクタ
セレクタ > セレクタ { 属性 : 値 }
//End 基本的な定義方法
**セレクタの種類 [#wa657fd2]
-基本セレクタ
<div></div>や<p></p>などの要素に適用される。
div {
background-color: #aqua;
}
#br
-IDセレクタ
ID属性を設定した要素に対してスタイルシートが適用される。
セレクタの先頭に[#]をつけて定義する。
#ID { 属性 : 値 }
セレクタ#ID { 属性 : 値 }
#br
-CLASSセレクタ
class属性を設定した要素に対してスタイルシートが適用される。
セレクタの先頭に[.]をつけて定義する。
.CLASS { 属性 : 値 }
セレクタ.CLASS { 属性 : 値 }
//End セレクタの種類