プログラミングと旅と映画の日々

普段はスマホ決済サービスのバッグエンドを担当しているエンジニアです。プログラミングと趣味の映画、株、時々うどんに関してブログを書いていこうと思います。海外ドラマ、クロスバイクも好きです。

CSSの基本を理解しておく:3大セレクタ<文系エンジニアのプログラミング>

 
CSSセレクタ指定方法の自分用メモ
CSSでよく利用される3大セレクタについてまとめる。
この3大セレクタは、可読性が高いことにより推奨利用される。
 
◆タイプセレクタの場合
body(h1,p..etc){
 プロパティ:値
}
 
◆classセレクタの場合
.class名{
 プロパティ:値
}
例えば同じタイプのタグがあった場合など、片方のタグにだけスタイルを適用する際には、タグにclass名を付与しておき、CSSでそのclassのみにスタイルを適用することが可能。
 
◆子孫セレクタの場合
.class名 タイプ名{
 プロパティ:値
}
セレクタで指定した要素の子孫要素に対してスタイルを適用する方法。
 
*参考書籍*

いちばんよくわかるHTML5&CSS3デザインきちんと入門 (Design&IDEA)

新品価格
¥2,678から
(2017/1/31 20:14時点)