chrome-devtools-mcp get_css_styles formats CSS rules for debugging
Introduced 2026-09-23 · score 0.95
HOW TO USE IT
When debugging why an element’s styles apply, are overridden, or conflict, get its UID from `take_snapshot`, then call `get_css_styles` with the page ID and UID. Page through results with `pageIdx`; each page returns 10 rules by default.
chrome-devtools get_css_styles <pageId> "<uid>"chrome-devtools get_css_styles <pageId> "<uid>" --pageSize 20 --pageIdx 0WHY THIS HELPS
Inspect matched, inherited, or pseudo-element CSS rules for an element while debugging why its styles apply or conflict.
REQUIREMENTS AND LIMITATIONS
- Version: 1.10.0
- pageId (required): Targets a specific page by ID.
- uid (required): Snapshot element UID to inspect.
- pageIdx: Zero-based result page; defaults to 0.
- pageSize: Maximum rules per page; defaults to 10.
- Prerequisite: A UID from `take_snapshot` is required.
- Requires a UID from `take_snapshot`.
- Returns 10 rules per page by default; `pageIdx` is 0-based and defaults to 0 (the first page).
FIRST-PARTY EVIDENCE
- https://github.com/ChromeDevTools/chrome-devtools-mcp/releases/tag/chrome-devtools-mcp-v1.10.0
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2707
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2612
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2799
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2717
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2715
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2713
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2716
- https://github.com/ChromeDevTools/chrome-devtools-mcp/pull/2718
- https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/chrome-devtools-mcp-v1.10.0/skills/chrome-devtools-cli/SKILL.md
- https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/chrome-devtools-mcp-v1.10.0/docs/tool-reference.md
Check the installed version and the source before using it. Entry JSON