読者です 読者をやめる 読者になる 読者になる

hoz blog

営業からSEに転職した文系エンジニアです。プログラミングと趣味の株に関してブログを書いていこうと思います。

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時点)