インターネット

忘れてもいいように書く

CSS

:first-child, :last-child擬似クラスの説明

CSS

【前提知識】 下記htmlを例に使用します <tr> <td>:first-child is here</td> <td>ここは無関係</td> <td>:last-child is here</td></tr> 【本題】 ・tr td:first-child →緑色の要素が指定される →兄弟要素の最初 ・tr td:last-child →青色の要素が指定される →兄弟要素の最後 【感想】 まぁ上と…

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

CSS

【前提知識】 ・タイプセレクタ →タグ名のこと(例:p, h1, li 等) ・classセレクタ →class属性のこと(例:class="selector"のselectorのこと) ・idセレクタ →id属性のこと(例:id="selector"のselectorのこと) 【本題】 ・「li.selector」や「li#selec…

複数セレクタにスタイルを適用する方法・擬似クラスとは 編

CSS

【CSS前提知識】 ・セレクタの種類 →タイプセレクタ:タグ名を条件にするセレクタ(例: p {スタイル}) →全称セレクタ:すべての要素にマッチするセレクタ(例:* {スタイル}) →idセレクタ:id属性値を条件にするセレクタ(例:#footer {スタイル}) →clas…