[CSS]個人的によく使うセレクタのまとめ

個人でウェブシステムを開発しているあとに
使ったCSSのセレクタの説明を頼まれるので
メモ書き程度ににまとめてみました。

コード①

:first-child {
	border-top: 0px;
}

解説

特定要素の一番最初の子要素のみに適用。

コード②

:last-child {
	border-bottom: 0px;
}

解説

特定要素の一番最後の子要素のみに適用。

コード③

input[type="submit"] {
	/*
	 * ボタンのデザイン
	 */
}

解説

タグがinputであり、
type属性がsubmitのもののみに適用。

どれもセレクタの優先度的には最低ランクで、
基本的な形をつくるときなどに多様しています。


This entry was posted in: CSS. Bookmark the ➜ permalink.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)