css - CSS セレクターに関するベスト プラクティス

Question

css セレクターを使用する場合、要素を選択する方法の多くの選択肢に直面します (組み合わせたセレクターを使用する、ID またはクラスを使用する)。簡単に移植可能なパーツを備えた保守可能な Web サイトを作成するためにセレクターとクラス/ID を選択する方法について、ガイドラインとベスト プラクティスがあるかどうかを尋ねています。

Answer 1

この記事が役に立ちました - https://developer.mozilla.org/en-US/docs/CSS/Writing_Efficient_CSS

Answer 2

あなたの質問が正しければ、使用するセレクターの選択は、適切なマークアップと、クラスと ID の適切な命名に依存します。

一般に、ターゲット ユーザーとそのユーザーが使用しているブラウザーを把握します。たとえば、次のようなものを使用できます。

IE7 では p + ul ですが、html コードで ap と次の要素 (この場合は ul) の間にコメントや要素がない場合に限ります。

したがって、サイトが主に表示されているブラウザを知ることが、実際に最初に行うことです。その後、必要に応じて前後に作業できます。

最後に、それは IE7+ についてであり、ユーザーベースがそれを使用しているかどうかです。これは、新しいブラウザーでのみ機能する多くの種類/タイプのセレクターがあるためです。