開発者向け

CSS Specificity Calculator — ドキュメント

Estimate the ID, class, attribute, pseudo-class, and element specificity of a CSS selector.

使う CSS Specificity Calculator

仕組み

Estimate the ID, class, attribute, pseudo-class, and element specificity of a CSS selector.

可能な場合、このツールは要求された処理をブラウザー内で行います。

利用する場面

この作業の結果を確認するにはCSS Specificity Calculatorを使用します。

入力と出力

入力: フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
出力: 結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。

制限事項

結果は入力内容、および該当する場合は検査時点のブラウザー、ネットワーク、外部サービスに左右されます。参考情報であり、専門的な診断の代わりにはなりません。

プライバシーとデータの取り扱い

可能な場合、入力はブラウザー内で処理されます。サイト全体の分析とCookieについてはプライバシーポリシーをご覧ください。プライバシー.

使い方

フォームで求められる値を入力してください。ネットワーク検査では、確認する権限のある公開ドメイン、URL、ホストを使用します。
可能な場合、このツールは要求された処理をブラウザー内で行います。
結果は作業領域に表示されます。結果を利用する前に警告と制限事項を確認してください。

関連ツール

CSSグラデーション生成線形または放射状グラデーションを作成し、色や位置を調整してCSSをコピーできます。CSS角丸生成四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。CSSボタンジェネレーター色・余白・角丸・ホバー・キーボードフォーカスをライブで調整し、CSSとHTMLをコピーできます。