CSS Doctor / Rule reference 1.0.0
CSS Doctorの公開診断ルール
21ルールそれぞれについて、何を検出するか、どの根拠を使うか、修正安全度、手動確認が必要な範囲を公開しています。
CSS Doctorで診断するCSS詳細度の競合
同じ要素・プロパティに複数の宣言が一致し、強い詳細度または後の宣言が勝っています。
HYBRID · v1.0.0同一ブロック内の重複宣言
同じCSSブロックで同一プロパティが複数回指定され、後の値が前の値を上書きしています。
STATIC · v1.0.0影響範囲が広いセレクター
要素セレクターだけの指定が、ページ内の同種要素すべてへ影響します。
STATIC · v1.0.0ページ全体の横はみ出し
プレビューのscrollWidthが表示領域より大きく、横スクロールを実測しました。
RUNTIME · v1.0.0表示領域外へ出ている要素
要素の境界が現在の表示幅を超えています。
RUNTIME · v1.0.0固定幅がコンテナを超える
px固定のwidthまたはmin-widthが現在の表示幅を超える可能性があります。
HYBRID · v1.0.0Flexアイテムが縮められない
min-width:autoと長い内容が組み合わさり、Flexアイテムが親幅より縮まなくなっています。
HYBRID · v1.0.0改行できない文字列のはみ出し
長いURLや連続文字列が改行されず、要素幅を超えています。
RUNTIME · v1.0.0画像・SVG・動画のはみ出し
メディアの固有幅が親要素より大きく、最大幅の制限がありません。
HYBRID · v1.0.0stickyの開始位置がない
position:stickyはありますが、topなど固定開始の基準がありません。
HYBRID · v1.0.0stickyを制限するoverflow親
祖先のoverflow:auto・scroll・hiddenがstickyの固定範囲を変えています。
RUNTIME · v1.0.0stickyが動ける範囲がない
親の高さがsticky要素とほぼ同じで、固定状態へ移る移動範囲がありません。
RUNTIME · v1.0.0祖先の重なり順に閉じ込められている
大きいz-indexでも、祖先のstacking context内から外へ出られません。
RUNTIME · v1.0.0z-indexが効く条件を満たしていない
z-indexがありますが、位置指定要素でもFlex・Gridアイテムでもありません。
HYBRID · v1.0.0モバイルの100vhリスク
100vhだけの高さ指定はモバイルブラウザの可変UIで余分なはみ出しになる場合があります。
HYBRID · v1.0.0キーボードフォーカスが見えない
操作要素へフォーカスしてもoutline・border・shadowなどの変化がありません。
RUNTIME · v1.0.0重複したHTML id
同じidが文書内に複数あり、ラベル参照やアンカーの対象が一意になりません。
STATIC · v1.0.0動きを減らす代替がない
animationまたは大きなtransitionがありますが、prefers-reduced-motion向けの分岐がありません。
STATIC · v1.0.0Gutenbergクラス欄の先頭ドット
追加CSSクラス欄にはドットなしの名前、CSS側にはドット付きセレクターを使います。
STATIC · v1.0.0WordPressコアブロックへの広い上書き
.wp-block-*だけの指定がサイト内の同種ブロックすべてへ影響します。
STATIC · v1.0.0WordPressテーマCSSとの競合
WordPress系セレクターまたは!importantの宣言がカスタムCSSより強く適用されています。
HYBRID · v1.0.0