resolve_styles
Determine which CSS properties apply to a selector and why, showing winning rules and overridden ones with confidence levels, to understand cascade context before making changes.
Instructions
Resolves what CSS actually applies to a given selector. Returns every property the selector would receive, which rule wins for each property, and which rules were overridden — with confidence levels (certain/likely/possible) since no real DOM is available. Call this before modifying styles for an element to understand the full cascade context first.
Tool call template
Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {
"selector": "<selector>"
},
"name": "resolve_styles"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| files | No | Absolute paths to CSS/SCSS files to analyze. | |
| selector | Yes | CSS selector to resolve, e.g. ".btn.primary", "#header a:hover" | |
| projectRoot | No | Optional: path to a project root. All CSS/SCSS files will be discovered recursively. |