なぜこのツールが役立つのか
セレクターの詳細度を計算し、ID、クラス、属性、疑似クラス、要素セレクターを比較する必要があるときは、CSS Specificity Calculator をご利用ください。結果はすぐに表示され、再利用する前に簡単に確認できます。
デザイン & CSS · ローカルで実行
CSS詳細度計算ツール
ID、クラス、属性、擬似クラス、要素セレクターのセレクター詳細度を計算して比較します。
準備完了。作業データはこのブラウザに保存されます。
どのように働くか
CSS Specificity Calculator で要求された値を入力してください。ブラウザは入力を検証し、ローカルで計算を実行し、明確なエラー付きのコピー可能な結果を生成します。
実用例
実用的な使い方としては、まず小さなサンプルで CSS Specificity Calculator を実行して出力を確認し、その後で完全な値またはリストを処理します。
検証
計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。
プライバシー境界
入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。
結果パスポート
各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。