個人でウェブシステムを開発しているあとに
使ったCSSのセレクタの説明を頼まれるので
メモ書き程度ににまとめてみました。
コード①
:first-child { border-top: 0px; }
解説
特定要素の一番最初の子要素のみに適用。
コード②
:last-child { border-bottom: 0px; }
解説
特定要素の一番最後の子要素のみに適用。
コード③
input[type="submit"] { /* * ボタンのデザイン */ }
解説
タグがinputであり、
type属性がsubmitのもののみに適用。
どれもセレクタの優先度的には最低ランクで、
基本的な形をつくるときなどに多様しています。