sakimoridotnetのブックマーク - はてなブックマーク

JavaScriptでクラスのtoggleを実装する方法を解説！
JavaScriptでクラスのtoggleを実装する方法を解説！ボタンをクリックするたびに特定要素の状態を切り替えることをtoggle（トグル）と言います。WEB制作やフロントエンド開発などでよく見かける機能の１つです。JavaScriptでクラスのtoggleを実装する方法を解説しています。
sakimoridotnet 2022/07/01
JavaScript
リンク
CSSで:nth-childが効かない場合の対処法を解説！
CSSの:nth-childは兄弟要素のグループ内でn番目の要素を表す擬似クラスです。 :nth-childを使うことで、偶数・奇数や、数式を使って柔軟にn番目を指定し、n番目の要素だけにスタイルを適用することができ、フロントエンドの開発でも重宝します。例えば以下のサンプルコードでは:nth-childを使って奇数番目の要素に対して背景色を適用しています。しかし、時に初めて:nth-childを使う方にとっては中々とっつきにくい疑似クラスで、ちゃんと設定したつもりでも:nth-childが効かないということもあります。そこで今回はCSSで:nth-childが効かない場合の対処法をサンプルコード付きで解説していきます。
sakimoridotnet 2022/06/18
HTML・CSS
リンク
1

はてなブックマーク