文系未経験プログラマ

忘れてもいいように書く

タイプセレクタとclassセレクタ・idセレクタを併用するときの指定方法 編

【前提知識】

・タイプセレクタ

 →タグ名のこと(例:p, h1, li 等)

・classセレクタ

 →class属性のこと(例:class="selector"のselectorのこと)

・idセレクタ

 →id属性のこと(例:id="selector"のselectorのこと)

 

【本題】

・「li.selector」や「li#selector」のように書く

 →つなげて書くのがみそ

 

【NOTE】

・子孫セレクタを使用する際は「p a」や「li ul li」のように半角スペースを入れて書く

 →子孫セレクタとclass, idセレクタで指定するのとで記述方法がごっちゃになりやすいので注意

 

【感想】

・覚えるのがめんどくさいから全部半角スペースにして欲しいw

 

【参考】

セレクタの指定方法いろいろ | koichi.jp