当サイトについて
サイトマップ
検索
ホーム
壁紙
Web素材
Webサイト制作支援
お問い合わせ
トップ
Webサイト制作支援
HTML・CSS・JavaScriptのテクニック集
CSSで子要素の個数でスタイルを変更する
JavaScriptを有効にしてください。
CSSで子要素の個数でスタイルを変更する
ツイート
子要素の個数でスタイルを変更する方法をご紹介します。
/* 1つの場合 */ div.sample p:first-of-type:last-of-type { ... } /* 2つの場合 */ div.sample p:first-of-type:nth-last-child(2), div.sample p:first-of-type:nth-last-child(2) ~ p { ... } /* 3つの場合 */ div.sample p:first-of-type:nth-last-child(3), div.sample p:first-of-type:nth-last-child(3) ~ p { ... }
ツール
パスワード自動生成
パスワードの暗号化
エンティティ変換
URLエンコード/デコード
Unicode変換
QRコード生成
文字カウンター
画像サイズ計算
文字変換
ディスプレイのPPIを算出
CSSセレクタ―利用可否チェック
画像ファイルをBase64文字列へ変換
CSSカスタムイージング
CSS Selector Nth Tester
カラーコード相互変換
CSS Sprite Generator
マルチアイコン生成ツール
Googleカレンダー予定追加リンク生成ツール
JavaScript、jQuery
ライブラリ、APIの紹介
Lightbox2
Lightbox2.5~2.7
jQuery LightBox Plugin
Slimbox 2
jQuery Cycle Plugin
Roundabout
bxSlider
SyntaxHighlighter2
SyntaxHighlighter1.5.1
Tablekit
TinyTable
XMLの読み込み
AjaxZip3
AjaxZip2
autoKana
fleXcroll
jScrollPane
DD_belatedPNG
jQuery&prototypeの共存
リファレンス
JavaScript逆引き
jQuery逆引き
CSS3逆引き
SASS・SCSS逆引き
SVG逆引き
Pug逆引き
MODX逆引き
Evolution CMS逆引き
WordPress逆引き
カラーコード
Webセーフカラー
ネームカラー
モノトーンカラー
グレースケールカラー
パステルカラー
カラーリスト1
カラーリスト2
カラーコード変換
その他
特殊文字・特殊記号
CSSプロパティ・値の読み方
要素や属性の略語の原型(起源)
HTML・CSS・JavaScriptのテクニック集
CSSセレクター一覧
CSSハック
バナーサイズ一覧
PHP簡単カレンダー関数
正規表現
文字コード
機種依存文字
主要画面解像度一覧