arms-nakamura https://blog.hatena.ne.jp/arms-nakamura/ arms inc. Engineers' Blog https://tech.arms-soft.co.jp/ CSS フロントエンド こんにちは、中村です。 今回はCSSの擬似クラス「:only-child」についてご紹介しようと思います。 擬似クラスとは？ セレクタ要素の特定の状態に対してスタイルを当てるためのクラスです。 ユーザーの操作に反応したり、要素の状態によって見た目を変えることができます。 :hoverや:nth-childなどがよく使われます。 :hoverの場合 リンクやボタンなどにカーソルを触れた時に、背景色を変化させたり、矢印のアイコンを動かしたりすることで次の動作を促す効果が期待できます。 :nth-childの場合 :nth-childは要素の順番に対する擬似クラスです。 偶数・奇数や特定の数の時にス… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.arms-soft.co.jp%2Fentry%2F2020%2F06%2F10%2F090000" title="動的サイトで意外と便利！擬似クラス「:only-child」 - arms inc. Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/arms-nakamura/20200609/20200609175123.jpg Hatena Blog https://hatena.blog 2020-06-10 09:00:00 rich https://tech.arms-soft.co.jp/entry/2020/06/10/090000 1.0 100%