私はこれを読みました なぜ CSS で ID による選択が推奨されないのですか?
これは、ID の代わりにクラスを使用する理由についての議論を示しています。そして、多くの開発者は、スタイル セレクターに ID を使用することをまったく拒否して冷静になっています。
しかし、ほとんどの経験豊富な開発者ではないにしても、多くの開発者がまだ ID を文体のフックとして使用していると確信しています (クラスを優先しながら)。
クラスの代わりに ID を使用することを正当化する可能性のあるシナリオには、どのようなものがありますか?
などの固有のアイテム (特定のスタイルを再利用したくない場合) をターゲットにする場合は、ID を使用でき#headerます#footer。
ID を使用するもう 1 つの理由は、基本的な JavaScript も処理するフロントエンド開発者である場合です。id を介した要素への Javascript アクセスは、他の連鎖クラス名よりもはるかに高速であるため、パフォーマンス上の理由から、(js 開発者として) id をウィジェットに追加して、その要素にはるかに高速にアクセスできるようにすることをお勧めします。
例えば
#widget
次のようなものよりもjsを介してアクセスする方が速くて簡単です
.wrapper .container .sidebar .widget:nth-child(n)
私が発見したことによると、クラスと属性のセレクターのみを使用しようとする (全員ではありませんがほとんどの) 人々は、スタイル シートを台無しにしています。彼らは最終的にすべてにクラスを配置し、特定の要素を移動しようとする長いセレクター文字列を持ちます。これは、ID セレクターが役立つ場所です。ID が CSS に実装されたのには理由があり、適切に使用すると優れた機能を発揮します。
控えめに使用してください。