WP-004 / HYBRID

WordPress theme CSS collision

A WordPress selector or important declaration wins over the custom rule.

Rule v1.0.0 Safety Tier B 日本語

Diagnosis

What this finding means

A WordPress selector or important declaration wins over the custom rule.

A finding is not a verdict. Check the displayed evidence and the design intent before changing production code.

Detection

How CSS Doctor detects it

  1. CSS Doctor isolates the pasted HTML and CSS in a sandboxed iframe.
  2. Static rules inspect source structure; runtime rules measure the rendered result.
  3. Evidence is ranked by intent, severity, confidence, affected area, and fix safety.

Before / After

Minimal example

Before review

Review the rendered element and its ancestors.

Possible direction

Choose the narrowest change after comparing before and after.

The example is a starting point, not a universal patch. CSS Doctor previews Tier A and B changes before applying them and never auto-applies Tier C guidance.

Limitations

Limits and manual checks

Only pasted representative CSS is compared, not every live stylesheet.

  • Production stylesheets not pasted into the tool are not fetched.
  • JavaScript is never executed from user input.
  • Verify the result at all breakpoints and with keyboard input.

Test this rule in Paste Lab

Your pasted source stays in this browser and is not added to the URL or analytics.

Open CSS Doctor