get-element-styles
Retrieve specific style properties of an HTML element using a CSS selector, enabling real-time inspection and modification within the Vite MCP Server environment.
Instructions
Retrieves style information of a specific element
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| selector | Yes | CSS selector of the element to inspect | |
| styleProperties | Yes | Array of style property names to retrieve (e.g., ['color', 'fontSize', 'backgroundColor']) |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"additionalProperties": false,
"properties": {
"selector": {
"description": "CSS selector of the element to inspect",
"type": "string"
},
"styleProperties": {
"description": "Array of style property names to retrieve (e.g., ['color', 'fontSize', 'backgroundColor'])",
"items": {
"type": "string"
},
"type": "array"
}
},
"required": [
"selector",
"styleProperties"
],
"type": "object"
}