class="af">吾輩は猫である。}疑似クラス:first-child親要素のなかの最初の子要素にスタイルを指定。}:last-child親要素のなかの最後の子要素にスタイルを指定。}:nth-child(n)親要素内のn番目の子要素にスタイルを指定。サンプルでは偶数行にスタイルを指定しています。}:nth-child(n-1)親要素内のn-1番目の子要素にスタイルを指定。サンプルでは奇数行にスタイルを指定しています。}:not(X)X以外の子要素にスタイルを指定します。サンプルだと「最初の子要素以外にはスタイルを適用」になります。}もちろんlast-childと書けば「最後の子要素以外」になります。サンプルサンプルサンプルサンプルたとえば最終行だけ罫線いらないなあ、ってときがあるわけですよ。そんな時に使うといいと思うんですよ。サンプルサンプルサンプルサンプルリストを横並びにしてボーダーで区切ったメニューを作る、なんて時によく利用されるイメージ。「-of-type」のはなし-childではなく-of-type、と書くこともできます。childとの違いなんですが、例えば「いちぎょうめ」だけ目立たせたい、ってとき。}じゃ効かないんですよね...なぜなら「h5」も「初めの子要素」とみなされちゃうから。「最初の子要素がpのときだけ!」、じゃないと効かないんです。そんなときは-of-typeを使うわけです。まとめ疑似要素・疑似クラスの使い方、自分でもわかんなくなる時があったのでまとめてみました。コピーnullllをフォローするnullllnullllog関連記事WEBなるべくお金をかけずにWEBサイトを作ろうなるべくお金をかけずにWEBサイトを作りたい、という方のためにAdobe製品の代替品として無料で使えるソフトの紹介などを。WEB影をつけよう!「box-shadowとborder-radiusジェネレーター」ボックスなどにCSSで簡単に影(box-shadow)をつけられる、「box-shadowとborder-radiusジェネレーター」をご紹介します。MAKER」の使い方をわかりやすく説明します。WEBセンスのいい写真でサイトを彩る!おすすめ無料写真素材サイトセンスのいい写真でサイトを彩る!アイキャッチなどに使えるおすすめ無料写真素材サイトです。WEB【初心者CSS】間接セレクタ・隣接セレクタ・直下セレクタまとめCSSの間接セレクタ・隣接セレクタ・直下セレクタとはなにか、使い方などをサンプル付きでまとめておきます。Creator」を紹介します。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。素材アーカイブ2020年2月2020年1月2019年12月2019年11月2019年10月2019年9月2019年8月おすすめサーバこのサイトでも使用しています。まとめAUTHOR書いた人nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。nullll14人気記事Cocoonをコーポレートサイトっぽくカスタマイズ!1トップページ編2019.10.152020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!6おまけ:新着情報編2019.11.262020.01.14Cocoonをコーポレートサイトっぽくカスタマイズ!7おまけ:ヘッダに電話番号編2019.12.122020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!2メニュー編2019.10.162020.01.09Cocoonをコーポレートサイトっぽくカスタマイズ!3料金表編2019.10.182020.01.09nullll未経験から突然小さな会社のインハウスWebデザイナーになりましたので、WEBサイト制作に役立つ情報のメモを残そうと思います。同じような方の参考になれば幸いです。Reserved.検索メニューWEBWORDPRESSWORKSいろいろプロフィールタイトルとURLをコピーしました。