![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![See matching selectors based on the color](https://developer.chrome.com/static/blog/see-matching-selectors/image/see-matching-selectors-ba-18d05a6bc055c.gif)

When you are viewing a selector in the Styles Pane, comma separated selector portions are colored differently depending on whether or not they match the selected DOM node.

- An unmatched portion is shown in a light grey.
- A matching selector portion is shown in black.