CSSクラスからの卒業:クラスレスなウェブサイト構築
2025-09-18

以前の記事でブラウザビルトイン要素の活用を提唱した著者だが、今回はその理念を実践に移し、自身のウェブサイトからCSSクラスを完全に削除した。より詳細なデフォルトスタイル、ネストされたセレクタ、`:where()`や`:has()`といったモダンなCSS機能、そしてカスタムエレメントと属性を用いてCSSクラスを置き換える試みを行った。綿密な計画が必要で、全てのプロジェクトに適しているわけではないものの、この実験を通してCSSクラスの必要性に対する疑問を抱き、今後の仕事に大きな影響を与えた。ただし、クラスを利用する構文ハイライトプラグインについては例外的に残した。
開発
カスタムエレメント