How is the specificity score calculated?

The score is a triplet representing IDs, Classes/Attributes/Pseudo-classes, and Type/Pseudo-elements respectively.

Can I check if my CSS selector is valid?

Yes, you can use the `validate_selector_syntax` tool to verify if a selector string follows standard CSS rules.

Which selector wins in a conflict?

The selector with the higher specificity score wins. You can use `compare_specificity` to find the winner between two selectors.

CSS Selector Specificity Calculator MCP Connector for Claude

A+

Calculate exact CSS specificity scores and compare selector priority.

3 tools Official Updated Oct 1, 2026 Official Vinkius Partner

More Details Connect to Claude

This MCP server provides precise tools for analyzing CSS specificity. Use calculate_specificity to get the (ID, Class, Type) triplet for any selector, validate_selector_syntax to check for malformed CSS, and compare_specificity to determine which rule takes precedence in the cascade.

cssspecificityweb-developmentfrontendselectors

Connect to Claude

Subscribe on Vinkius, then add this connector to Claude.ai or Claude Code.

① Claude.ai (web app)

Go to Settings → Connectors → Add custom connector
Paste the MCP endpoint URL below

https://edge.vinkius.com/vk_preview_fsUfV5nl0qVvhXqfsDR62SSKiM4Y9vxLtPVGehzo/mcp

② Claude Code (terminal)

claude mcp add --transport http css-selector-specificity-calculator https://edge.vinkius.com/vk_preview_fsUfV5nl0qVvhXqfsDR62SSKiM4Y9vxLtPVGehzo/mcp

③ Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "css-selector-specificity-calculator": {
      "url": "https://edge.vinkius.com/vk_preview_fsUfV5nl0qVvhXqfsDR62SSKiM4Y9vxLtPVGehzo/mcp"
    }
  }
}

Get full access on Vinkius

The preview token above works for testing. Powered by Vinkius.

Details

Tools: 3
Grade: A+
Score: 100/100
Updated: Oct 1, 2026

Related Connectors

Color Converter Engine MCP

1 tools Official

Convert any color between HEX, RGB, HSL, and CMYK with mathematical precision. The AI guesses color codes — this engine knows them.

D View details →

Accelerator Sector Expertise Valuator MCP

3 tools Official

Calculates strategic value premiums and competitive positioning for accelerators based on sector-specific assets.

A+ View details →

Semantic Versioning Checker MCP

3 tools Official

A high-precision engine for validating and comparing Semantic Versioning 2.0.0 strings.

A+ View details →

Color Accessibility Engine MCP

3 tools Official

Deterministic color science for WCAG 2.1 compliance and LCH-based perceptual palettes.

A+ View details →